在網絡時代的今天,我不得不感嘆一下,瀏覽器的百花齊放,百家爭鳴!!!!他們的競爭卻給我們這些苦逼的程序員帶了災難。今天寫程序時遇到一個關於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程序員的悲哀!!