button hover

[yammaski]

Mijn zoekbutton is gemaakt zodat je enkel de tekst ziet en niet de ganse button.
Het moet oranje worden bij onhover, dit gebeurt in alle browsers behalve in IE9.
Bij de tooltip doet hij het wel.

Testpage.


Groeten,
Yammaski.

[csshunter]

Hoi Yammaski,
Raar...
In IE7 werkt het wel gewoon.
Als ik voor de normale toestand een tekstkleur ingeef (zoals hier), zegt het screenshot van Netrenderer.com dat IE9 netjes het groen laat zien (ik heb geen IE9, dus kan niet live testen).
Dan zie ik eigenlijk geen enkele reden waarom IE9 het niet zou doen bij een hover.

Het is toch niet omdat er geen </head> in je voorbeeldpagina staat?

Met vriendelijke groet,
CSShunter
_________
PS: Doet IE9 het wel goed bij een strict doctype (test)?

[yammaski]

Het is toch niet omdat er geen </head> in je voorbeeldpagina staat?

Toch niet, heb het aangepast.

PS: Doet IE9 het wel goed bij een strict doctype (test)?

Ook niet.


[ATTACH=CONFIG]IE8[/ATTACH]
[ATTACH=CONFIG]IE9[/ATTACH]

[csshunter]

Mmm, stom van die IE9.

Workaround met javascript:

• Via Netrenderer.com blijkt dat IE9 positief reageert op het met javascript achteraf wijzigen van een gezette css-style op de input:
  bliksekaters.nl/tests/javascript-Netrenderer-test.htm.
  
  
  
  
  
• Dat betekent dat met een javascript onmouseover en onmouseout ook IE9 de hoverkleur moet kunnen laten zien:
  bliksekaters.nl/tests/hoverkleur-met-javascript.htm.
• Alle andere browsers doen het ook als javascript uit staat.

Andere opties eventueel:

• Het input-type op "button" zetten, en die helemaal ontstylen op de color/hovercolor na.
• Als niets helpt, IE9 dan maar met een <meta> in de compatibility-mode zetten.

Met vriendelijke groet,
CSShunter

[yammaski]

heb javascriptje erbij gezet ... bedankt csshunter

maar het blijft toch vreemd


Groeten,
Yammaski.