当前位置：首页 → php教程> 兼容ie的css写法有哪些

兼容ie的css写法有哪些

时间：2021-06-23

来源：互联网

标签：

在手机上看

手机扫描阅读

今天PHP爱好者给大家带来兼容ie的css写法有哪些的介绍，兼容ie的css写法有：1、在属性前面加上“-”或“_”，写法为“_属性:属性值”；2、CSS条件注释，语法“”。希望对大家有所帮助。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

一、hack

写法：

.demo {
margin-left:30px; 
_margin-left:20px; 
}

优点：

1、内嵌在CSS中，编写的时候很方便

2、内嵌在CSS中，不会产生更多的HTTP请求

缺点：

1、没有统一在一个模块中，后期维护和修改麻烦

2、即使这种写法不起作用的浏览器，也会将代码加载进去，浪费资源

二、CSS条件注释

写法：

<!--[if IE 6 ]>
    <link rel="stylesheet" type="text/css" media="all" href="./ie6.css" />
<![endif]-->

优点：

1、代码独立出来，有利于后期维护

2、对于代码不起作用的浏览器来说，这段代码只是普通的注释，他们加载的时候不会将其内容加载进去，节省资源

缺点：

1、新增了HTTP请求，对于老版本的IE浏览器来说，无疑增加了压力。

扩展：

HTML标签条件注释

<!DOCTYPE html>   
<!--[if IE 6 ]> <html class="ie6 lte_ie6 lte_ie7 lte_ie8" lang="zh-CN"> <![endif]-->
<!--[if lte IE 6 ]> <html class="lte_ie6 lte_ie7 lte_ie8" lang="zh-CN"> <![endif]-->
<!--[if lte IE 7 ]> <html class="lte_ie7 lte_ie8" lang="zh-CN"> <![endif]-->
<!--[if lte IE 8 ]> <html class="lte_ie8" lang="zh-CN"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="zh-CN"><!--<![endif]-->

.ie6 .demo {  
    margin-left: 20px;
      }

这种方法可以将代码独立出一个模块，也不会新增加HTTP请求，目前被使用较多。

以上就是兼容ie的css写法有哪些的详细内容，更多请关注php爱好者其它相关文章！

今日更新

139邮箱登录入口-最新快速登录通道
阅读：18
如何访问币安官方网站_币安官网唯一正确入口与安全验证
阅读：18
欧易功能异常？清理缓存即可解决操作指南
阅读：18
山海情梗源自扶贫剧爆笑方言梗，网友玩坏西海固塑料普通话成全网欢乐源泉
阅读：18
暮光召唤师每日答题国外常识类题目答案整理
阅读：18
问剑长生上命宫中命宫下命宫命火异化词条推荐
阅读：18
Suno怎么保留旋律不变单独修改歌词
阅读：18
多面向虚拟对话AI聊天软件第四期介绍推荐
阅读：18
山女的梗是什么梗？揭秘二次元黑话山女梗的爆笑来源和用法，二次元必看！
阅读：18
剑网3伊丽川觅句成诗小游戏第十六关答案分享
阅读：18

兼容ie的css写法有哪些

今日更新

热门下载