用if條件語句來實現瀏覽器相容簡單介紹

admin發表於2017-03-05
提到if語句一般都是程式語言使用,其實css中也有,不過只有IE瀏覽器支援,由於低版本IE瀏覽器相容性很差,所以就可以使用僅有IE支援的if語句來實現相容,下面是一段簡單的例項。

程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<style type="text/css">
div{
  color:red;
}
</style>
<!--[if IE 7]> 
<style type="text/css">
div{
  color:blue;
}
</style>
<![endif]-->
</head>
<body>
<div>螞蟻部落</div>
</body>
</html>

以上可以再IE7瀏覽器下將文字設定為藍色,其他瀏覽器為紅色。

具體關於關於if語句的規則可以參閱<!--[if IE]>的作用是什麼一章節。

相關文章