在网络时代的今天,我不得不感叹一下,浏览器的百花齐放,百家争鸣!!!!他们的竞争却给我们这些苦逼的程序员带了灾难。今天写程序时遇到一个关于Background的小问题。纠结了一下午。终于搞定了!具体如下:
用li做导航条,并且设置一个导航图片。我用的方法是,div+ul+li+background。具体代码如下:
jsp: <div class="ruletips">
<ul>
<li>政策法规<span>更多></span></li>
</ul>
</div>
css:
background: url(../img/fTips.png) no-repeat left 1px top 4px;用此代码在除IE7 8下所有的浏览器中,都能达到在导航条的左边显示fTips.png图片。但是在IE7 8 下就无法显示。
更改如下:background: url(../img/fTips.png) no-repeat;background-position: 1px 4px;现在在IE7 8 下也能显示相应图片了!
其实就是换种方式而已。
注:或许你遇到的问题与我不同,或许你压根就不会出现这个蛋疼的问题,或许你已经遇到过此类问题并无语了很久。请,为我们这群苦逼的程序员传播吧!不要广播真情!不要广播爱!广播下你的小技巧吧!浏览器的大战!Web程序员的悲哀!!