css3 - IE678兼容last-child的方法 請教
問題描述
看了很多相關信息。但是感覺沒有最好的方法解決last-child 最后一個右邊li:last-child a { border-right: 1px solid #0084c9; }的問題。
<ul class='main-menu'> <li><a href='http://www.cgvv.com.cn/wenda/6096.html#' id='current'>1</a></li> <li><a href='http://www.cgvv.com.cn/wenda/6096.html#'>2</a></li> <li><a href='http://www.cgvv.com.cn/wenda/6096.html#'>3</a></li> <li><a href='http://www.cgvv.com.cn/wenda/6096.html#'>4</a></li> <li><a href='http://www.cgvv.com.cn/wenda/6096.html#'>5</a></li></ul>li a{border-left: 1px solid #0084c9; display:block;}li:last-child a { border-right: 1px solid #0084c9; }
請各位前段大神指點一下,感激不敬!
問題解答
回答1:1> 引入讓IE6-IE8擁有IE9+,Chrome等瀏覽器特性的js庫ieBetter.jsie9.js
2> 放棄last-child 給最后一個li添加單獨的class
回答2:有IE6/IE7/IE8瀏覽器支持CSS3屬性的js嗎
相關文章:
