Versuchen Sie Folgendes:

Option 1 (html leicht ändern):

Ссылка

Option 2 (mit bereitgestelltem HTML, mit js):

Ссылка

Setzen Sie display:block auf .btn:hover .

Schätze das wird es reparieren!

Option 1:
Die Höhe des scrollbaren div zu setzen scheint das Problem zu lösen:

Arbeitsbeispiel 1

Option 2:
Verwenden Sie overflow-x:scroll; anstatt overflow:auto; :

Arbeitsbeispiel 2

Option 3:

Wahrscheinlich die beste Option, da der Box-Schatten in IE9 sichtbar ist.
Wickeln Sie die Schaltfläche in ein div mit der Klasse .btn , anstatt die Klasse direkt auf die Schaltfläche zu platzieren.

Arbeitsbeispiel 3

Option 4:
Nur zum Lachen ...

Arbeitsbeispiel 4

Um dies zu korrigieren, ändern Sie: overlow: auto in overflow: visible und das sollte so sein.

Sie haben sich einen wirklich seltsamen Bug da, Sir. Und es ist definitiv ein Fehler, wenn Sie IE9-Modus auf einem ie10 verwenden, wird dies nicht passieren.

Ich konnte es nicht herausfinden warum, aber es scheint zu seinem ursprünglichen Zustand zurückzukehren, wenn Sie die Größe des Fensters manuell ändern. Vielleicht kannst du das mit Javascript fälschen?

Eine andere Sache, die ich entdeckte, war, dass wenn Sie ein :hover {zoom: 1} auf das Element mit der Bildlaufleiste setzen, es sich selbst "zurücksetzt", wenn es darauf zeigt. Vielleicht kann jemand das verwenden, um herauszufinden, warum es sich so verhält.

Geige dafür hier: Ссылка

Bitte versuchen Sie diese CSS:

Ссылка

Wenn Sie dem Div eine Höhe von 100% hinzufügen, sollten Sie Ihr Problem beheben

Hier ist der funktionierende JSFiddle: Ссылка

Ich habe das in Ie9 überprüft und fand nicht, dass der Grenzboden sich ausdehnt. Bitte versuchen Sie es. und lass es mich wissen

Bitte lassen Sie mich nach dem Versuch wissen.