Heim >Web-Frontend >HTML-Tutorial >ie兼容问题_html/css_WEB-ITnose
ie兼容问题_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:54:45906Durchsuche
1、ie8设置圆角,在根目录下添加iecss3.htc(i解释ie8的矢量语言，也就是一个js写的插件,虽然后缀名不是js)
<style type="text/css"> body { padding-top: 70px; } .yuan { border: 2px solid #C0C0C0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; position:relative; padding:5px; background:#FFF; z-index:2; width:330px; height:200px; behavior: url(iecss3.htc) } </style><body> <div class="yuan"> DIVCSS5圆角实例<br> CSS3版本圆角实例，<br> 支持低版本IE6-IE9浏览器 </div></body>
2、ie中透明度问题，
.a{ background:#FF0000; opacity:0.5;/*不透明度，支持非IE，会影响子元素透明度*/ filter:alpha(opacity=50);/*不透明度，支持IE，会影响子元素透明度*/}.b{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7FFF0000', endColorstr='#7FFF0000');/*支持IE，不透明度，包括颜色的*/background:rgba(255,0,0,0.5);/*支持非IE，不透明度，包括颜色的*/
.transparent{ /* IE 8 */ -ms-filter: "progidXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5;}
3、ie中的a 去掉点击后的虚线
outline:none;border:none;
Stellungnahme：
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
Vorheriger Artikel：css sprites介绍_html/css_WEB-ITnoseNächster Artikel：一款基于css3的简单的鼠标悬停按钮_html/css_WEB-ITnose