Rumah > Artikel > hujung hadapan web > 兼容ie的css写法有哪些
兼容ie的css写法有哪些
- 醉折花枝作酒筹asal
- 2021-06-01 16:45:363443semak imbas
兼容ie的css写法有：1、在属性前面加上“-”或“_”，写法为“_属性:属性值”；2、CSS条件注释，语法“32bf6dd8d9e9c69afb95af0b0e5e6991ebc0028085972931dd35a6e200cef6701b771f47d72d900ba74308aee59557f0”。
本教程操作环境：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请求，目前被使用较多。
推荐学习：css视频教程
Atas ialah kandungan terperinci 兼容ie的css写法有哪些. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css如何让滚动条不显示Artikel seterusnya：css如何消除锯齿