internet explorer 8 - CSS Sprites work in FF12 but not IE8 -
this html-code...
<a href="link" class="testclass"></a> ...works ccs-code...
a.testclass { background: transparent url(sprite.png) no-repeat -125px -671px; display: block; width: 378px; height: 150px; } ...in firefox 12 not in internet explorer 8.
the code inspired question regarding anchors, sprites , css. i've found similar questions, since code placed within rather complex drupal installation, still hope there's easier way fix issue going through code find "absolutely positioned outer div , menu styles", had been responsible issue in 2.
thanks help.
edit-1:
this firebug html-log:
<div id="banner-area"> <div id="banner-left"> <div class="region region-banner-left"> <div> <a href="link"> <img width="378" height="150" alt="alttext" src="image.gif"> </a> </div> </div> </div> <div id="banner-right"> <div class="region region-banner-right"> <p> <a class="testclass" href="link"></a> </p> </div> </div> </div> the referenced css-code is:
#banner-area { width:756px; margin:0; padding:0; overflow:hidden; } #banner-left { width:378px; float:left; margin:0; padding:0; } #banner-right { width:378px; float:right; margin:0; padding:0; } the first picture (image.gif) shown in ff , ie8. second hoever, 1 i'd replace sprite, shown in ff not in ie8.
i've turned transparency on , off florian suggested, no effect. i've reduced image size 10px in width , height, didn't either.
after 2 days of wasted time i've found out ie8 doesn't import more 31 css-files: http://drupal.org/node/228818?page=1
after enabling "optimize css-files"-feature again in drupal administration panel of installation, had turned off doesn't interfere development, worked fine.
Comments
Post a Comment