首頁 > 文章 > web前端 > 相容ie的css寫法有哪些

相容ie的css寫法有哪些

醉折花枝作酒筹原創: 2021-06-01 16:45:363425瀏覽

相容ie的css寫法有：1、在屬性前面加上“-”或“_”，寫法為“_屬性:屬性值”；2、CSS條件註釋，語法“26b118360b81b730c41bbd1a9843361c8ee111afc79b7877c301737127e703411b771f47d72d900ba74308aee59557f0」。

相容ie的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請求，目前被使用較多。

推薦學習：css影片教學

以上是相容ie的css寫法有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！

html5 css css3 html if href http

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：css如何讓捲軸不顯示下一篇：css如何讓捲軸不顯示

看更多