杭州网站设计-杭州网站制作-杭州网站建设-杭州网络公司-硕联科技-久商商务 杭州网站建设、网站推广、网站增值业务服务商,杭州电子商务协会会员 业务电话:0571-8825 2108
0571-8825 2278
 主营业务介绍
     专业提供杭州网站建设杭州网页设计谷歌推广域名注册网站空间企业邮局400电话画册设计与印刷 等服务
信息中心
信息中心
网站建设基础知识
常见问题与处理
 
您现在的位置: 首页 信息中心 网站建设基础知识
浏览器不兼容现象解决方法
发布时间:2016-1-17 11:59:48

      关于浏览器不兼容的解决方法有很多,硕联网络今天告诉大家的是关于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>

 

置顶     返回
 
首页 | 关于我们 | 信息中心 | 域名主机 | 企业邮局 | 网站建设 | 网站推广 | 400电话 | 画册设计与印刷 | 精品网站 | 联系我们 | 友情链接
中国统一服务热线:0571-88252108 传真:0571-88252278 浙ICP备11035617号-3
地址:中国 .杭州市西湖区文三路553号浙江中小企业大厦20F E-mail:web@9335.com.cn