技术分享使用不同CSS样式兼容多种浏览器

浏览器兼容问题一直是大家比较关注的,这里和大家分享一下如何使用不同的CSS样式兼容多种浏览器,我们在设置CSS时需要兼容这几种常用的浏览器才能有好的用户体验。我们可以通过html的条件注释来实现这种兼容,原理如下文详细介绍。

如何使用不同的CSS样式兼容多种浏览器

由于存在有IE,firefox还有其他几个主流的web浏览器,因此我们在设置CSS时需要兼容这几种常用的浏览器才能有好的用户体验。我们可以通过html的条件注释来实现这种兼容,原理如下:

◆条件注释的基本结构和HTML的注释()是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们。

◆IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释里的内容。

◆条件注释使用的是HTML的注释结构,因此他们只能使用在HTML文件里,而不能在CSS文件中使用。

下面是一个典型的运用实例:

示例代码

 
 
 
  1. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. CSS在线-示例
  3. h1{color:black}
  4. h1{color:red}
  5. h1{color:blue}
  6. 如何兼容多种浏览器

 本文来自CSS在线:http://www.CSSCSS.org/CSSarticle/2010315810.shtml

分享题目:技术分享使用不同CSS样式兼容多种浏览器
本文地址:http://www.csdahua.cn/qtweb/news1/315901.html

网站建设、网络推广公司-快上网,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 快上网