建站学习网,专业提供各类建站教程,网页素材,SEO资讯等建站资源!

网站模板_网站源码_网站素材_建站教程_建站学习网

当前位置:建站学习网 > DIV+CSS教程 > 浏览器兼容 >

CSS兼容的技巧

更新时间:2017-01-07整理编辑:建站学习网阅读:0

CSS教程:CSS兼容的技巧-浏览器兼容教程

让你的样式完美兼容各大浏览器,这个方案主要是用来解决Safari的,Opear是在测试的时候顺带试了一下,结果发现竟然也行,所以顺便也解决了。

.e {/*FF OP*/
background-color: #FF0000
}
html* .e{/*Sa IE7 OP*/
background-color:#FF00FF
}
* html .e{
background-color:#000000;/*OP*/
*background-color:#0000FF;/*IE7*/
}
* html .e{/*IE6*/
background-color:#00FFFF
}

  经FF2、OP9.21、OP9.10、Sa3.0.3(pc)、IE7、IE6测试通过,假如你在其他的浏览器版本上测试过,欢迎给我留言,把结果告诉我。

 

 

  需要注重的是:IE7对样式的解释跟DTD是有关,在没有DTD的时候,IE7是能读取IE6的hack的。

本文网址:https://www.dedexuexi.com/divcss/llqjr/2065.html

本站部分文章搜集与网络,如有侵权请联系本站,转载请说明出处。

收藏此文 赞一下!() 打赏本站

如本文对您有帮助,就请建站学习网抽根烟吧!

支付宝打赏
微信打赏
解决CSS浏览器兼容技巧
« 上一篇2017年01月07日
css返回顶部图标固定在浏览器右下角且兼容ie6
2017年01月07日下一篇 »
  • 兼容各浏览器:CSS定义PNG透明效果
    0阅读
    虽然有CSS有很多方法能实现PNG图片透明效果,但在各浏览器中的兼容效果却不好,小编找到了一个能兼容各浏览器用CSS定义PNG透明效果的方法,方法如下: style .mycls{ width: 48px; height: 48px; backg
  • 图片垂直居中css写法兼容ie6
    0阅读
    头胀胀的,看不下东西做不下事,那就写朵随笔吧。 图片垂直居中,原理应该就是,其实我也不知道。 手上两种方法,异曲同工,但是都兼容ie6的。 复制代码 代码如下: div class=imgBox img src=h
  • CSS兼容性问题 && CSS HACK
    0阅读
    以前做网页的时候,只考虑 IE6 和 FF 的兼容性,公司换了,要求也高了,FF和IE 6 7 8 要全兼容了, 碰到要单独Hack IE8的。当然,用注释非常方便,只要添加相应的注释就可以解决。但问题是,为
  • chrome表单自动填充导致input文本框背景变成偏黄色问题解决
    0阅读
    chrome表单自动填充后,input文本框的背景会变成偏黄色的,这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性,然后对其赋予以下样式: 复制代码 代码如下: input:-webkit-
  • 完美解决IE兼容模式问题
    0阅读
    IE浏览器从IE8开始添加了兼容模式,开启后会以低版本的IE进行渲染。兼容模式有可能会导致网页显示出问题,于是我们通常在HTML中添加下列代码来使 IE 使用固定的渲染模式: 复制代码 代码如
 
QQ在线咨询
×
欢迎您登陆建站学习网
QQ一键登陆 建站学习网账号登录