Heim > Web-Frontend > HTML-Tutorial > 不用js,让css选择指定索引元素,兼容低版本IE的_html/css_WEB-ITnose

不用js,让css选择指定索引元素,兼容低版本IE的_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:49:53
Original
1019 Leute haben es durchsucht


如图这种效果,2个LI,第一个和第二个中间有空隙最左和最有没空隙,要低版本IE支持,比如IE6,7什么的,只用css能实现吗?


回复讨论(解决方案)

用条件注释判断浏览器.



还有gt lt gte lte

用条件注释判断浏览器.



条件判断又怎么在IE6,7里面让第一个LI和第二个之间有间隔,


用条件注释判断浏览器.



条件判断又怎么在IE6,7里面让第一个LI和第二个之间有间隔,
间隔?那就直接写CSS hack
http://blog.csdn.net/freshlover/article/details/12132801

就两个li?

<style type="text/css">ul{margin:0;padding:0;}li{list-style:none;width:100px;height:50px;background:red;}li.left{float:left;}li.right{float:right;}</style><ul><li class="left"></li><li class="right"></li></ul>
Nach dem Login kopieren
Nach dem Login kopieren

就两个li?

<style type="text/css">ul{margin:0;padding:0;}li{list-style:none;width:100px;height:50px;background:red;}li.left{float:left;}li.right{float:right;}</style><ul><li class="left"></li><li class="right"></li></ul>
Nach dem Login kopieren
Nach dem Login kopieren


不是的,你这样定义很不好的,
建议去看下CSS基础教程。
http://w3school.com.cn/css/index.asp
有时间CSS3的也看下。
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage