*html的CSSHacks用法

技術小胖子發表於2017-11-16
原文網址 : https://flycode.co/archives/131298
HTMLCSS
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> 
<html xmlns=”http://www.w3.org/1999/xhtml”> 
<head> 
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> 
<title>* html的Hacks</title> 
<style type=”text/css”> 

h3 

{ 

border:1px dotted red; 

font-size:14px; 

} 

* html h3 

{ 

/*針對IE6及以下*/ 

border-style:solid; 

} 


#divTest 

{ 

width:200px; 

} 
</style> 
</head> 

<body> 
<h3>這是應用於IE6及以下的瀏覽器</h3> 

<div id=”divTest”> 
<h3>標題</h3> 
<p>這是一個段落</p> 
</div> 
</body> 
</html>
 
 
這裡是針對IE6及以下版本的hacks
對於dotted,ie6會顯示個dashed的劃線比較難看
通過* html可以讓IE6中顯示實線，標準瀏覽器裡顯示優雅的點虛線。
這個比較有用。
 
以上未在IE7以上版本測試，讀者自己實驗下給我反饋，呵呵
本人比較反感IE瀏覽器，所以沒裝那些雜提雜八的版本，對IE失去信心和耐心，讓他自己折騰去吧，反正我能相容你就是了，平時是不用IE的。
 
那我來個圖吧:
對於火狐，可以顯示dotted的點線：
 
如果不對IE做hack處理，會如下：
這個線覺得不是很好看，
所以做了處理，用實線要好看一些：
 
本文轉自 xcf007 51CTO部落格，原文連結：http://blog.51cto.com/xcf007/102827，如需轉載請自行聯絡原作者


相關文章