Hallo allerseits,
laut selfhtml.org funktionieren die pseudoklassen wie :active und :hover in einigen browsern (z.B. dem IE) nur in a-tags (der ff kanns auch in divs z.B.).
Gibt es da ne browserweiche bzw irgendnen workaround ohne js um auch den IE dazu zu bringen :hover für einen div zu akzeptieren?
Weiter steht bei selfhtml.org dass der IE7 :hover in anderen Tags akzeptiert. Aber selbst das tut er bei mir nicht.
Mach ich was falsch?
Code:
<div class="logo_sidebar">
.
.
.
<div id="tsbs"></div>
</div>
Css:
#tsbs div
{
text-decoration: none;
background: url(images/template/side_tsbs_off.gif) no-repeat top center;
float: left;
margin: 0px;
padding-top:10px;
height: 74px;
width: 130px;
}
#tsbs div:hover
{
height: 74px;
width: 130px;
background: url(images/template/side_tsbs_on.gif) no-repeat top center;
}
laut selfhtml.org funktionieren die pseudoklassen wie :active und :hover in einigen browsern (z.B. dem IE) nur in a-tags (der ff kanns auch in divs z.B.).
Gibt es da ne browserweiche bzw irgendnen workaround ohne js um auch den IE dazu zu bringen :hover für einen div zu akzeptieren?
Weiter steht bei selfhtml.org dass der IE7 :hover in anderen Tags akzeptiert. Aber selbst das tut er bei mir nicht.
Mach ich was falsch?
Code:
<div class="logo_sidebar">
.
.
.
<div id="tsbs"></div>
</div>
Css:
#tsbs div
{
text-decoration: none;
background: url(images/template/side_tsbs_off.gif) no-repeat top center;
float: left;
margin: 0px;
padding-top:10px;
height: 74px;
width: 130px;
}
#tsbs div:hover
{
height: 74px;
width: 130px;
background: url(images/template/side_tsbs_on.gif) no-repeat top center;
}
Kommentar