background 的巧用

在网络时代的今天，我不得不感叹一下，浏览器的百花齐放，百家争鸣！！！！他们的竞争却给我们这些苦逼的程序员带了灾难。今天写程序时遇到一个关于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程序员的悲哀！！