-
- 各种关于浏览器不兼容现象解决方法
苏州网络公司 网站设计 苏州网站建设 浏览器不兼容现象 关于浏览器不兼容的方法有很多,捷成网络今天告诉大家的是关于IE兼容CSS3圆角border-radius;min-height最小高度的实现;字体小于12px,兼容谷歌浏览器的解决办法。对于这些不兼容的现象很是让人头疼,网上也有很多解决方法,但是有的却不是很实用。我司技术人员研究解决方法如下:
1.IE兼容CSS3圆角border-radius,box-shadow,text-shadow的方法第一步下载ie-css3.htc(百度下载)第二步.boxExamp {-moz-border-radius: 15px; /* Firefox */-webkit-border-radius: 15px; /* Safari 和 Chrome */border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */-moz-box-shadow: 10px 10px 20px #000; /* Firefox */-webkit-box-shadow: 10px 10px 20px #000; /* Safari 和 Chrome */box-shadow: 10px 10px 20px #000; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */behavior: url(ie-css3.htc); /* 通知IE浏览器调用脚本作用于'box'类 */}用此方法需要注意的是:一、只能同时4角圆角,不能单独设置;二、div上可以正常使用,测试text文本框,会出现异常;三、CSS文件要和页面在同一目录下,否则无效;四、前元素一定要有定位属性,像是position:relative或是position:absolute属性。五、z-index值一定要比周围元素的要高,否则……只能说抱歉了~2.min-height最小高度的实现,max-height最大高度的实现方法一:#min-height{background:#ccc;min-height:100px; /*高度最小值设置为:100px*/height:auto !important; /*兼容FF,IE7也支持 !important标签*/height:100px; /*兼容ie6*/overflow:visible;}方法二:.min-height{min-height:429px;_height:expression( this.scrollHeight < 429 ? "429px" : "auto" );}.max-height{max-height:1000px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)<1000?"1000px":"");overflow:hidden;}3.字体小于12px,兼容谷歌浏览器的办法p{font-size:8px;}.fontsize8{-webkit-transform:scale(0.8);-o-transform:scale(1); display:inline-block;-webkit-text-size-adjust:none}//0.8位缩放倍数,具体自己根据实际需求修改<p><span class="fontsize8">我是一个小于12PX的字体</span></p>
- 上一篇: 企业网站要怎么设计?
- 下一篇: 原创文章炼成法
- 各种关于浏览器不兼容现象解决方法