码迷,mamicode.com
首页 > 其他好文 > 详细

ie兼容问题

时间:2014-11-02 20:57:08      阅读:226      评论:0      收藏:0      [点我收藏+]

标签:style   blog   io   color   ar   os   for   sp   div   

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 去掉点击后的虚线

 <a href="##" hidefocus="true"></a> 

  outline:none;border:none; 

ie兼容问题

标签:style   blog   io   color   ar   os   for   sp   div   

原文地址:http://www.cnblogs.com/hnla/p/4069852.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!