DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> DIV+CSS網頁布局技巧實例19:用css hack針對IE的優化
DIV+CSS網頁布局技巧實例19:用css hack針對IE的優化
編輯:CSS詳解     

 有些時候,你需要對IE浏覽器的bug定義一些特別的規則,這裡有太多的CSS技巧(hacks),我只使用其中的兩種方法,這兩種方法都是最安全的。

1、注釋的方法 
(a)在IE中隱藏一個CSS定義,你可以使用子選擇器(child selector):
html>body p { 
/* 定義內容 */ 

(b)下面這個寫法只有IE浏覽器可以理解(對其他浏覽器都隱藏) 
* html p { 
/* declarations */ 

(c)還有些時候,你希望IE/Win有效而IE/Mac隱藏,你可以使用"反斜線"技巧:
/* \*/ 
* html p { 
declarations 

/* */ 
2、條件注釋(conditional comments)的方法 
另外一種方法,我認為比CSS Hacks更加經得起考驗就是采用微軟的私有屬性條件注釋(conditional comments)。用這個方法你可以給IE單獨定義一些樣式,而不影響主樣式表的定義。就象這樣:

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved