27、如何讓min-height兼容IE6?
- .min-height{min-height:100px;_height:100px;}
- <divclassdivclass="min-height">我是兼容的min-height</div>
28、DIV CSS設計中如何讓鼠標變成手型且兼容所有現代浏覽器?
cursor:pointer
29、如何實現IE6下的position:fixed?
參閱:http://blog.doyoe.com/article.ASP?id=188
30、IE下如何對StandardMode與QuirksMode進行切換?
IE6以下的浏覽器不用觸發,直接以QuirksMode呈現頁面。
IE6和IE7都可以觸發的(在XHTML的DTD申明前加上Html注釋):
- <!--Letie6andIE7intoquirksmode-->
- <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHtml1.0Strict//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xHtml1-strict.dtd">
IE6的觸發(在XHtml的DTD申明前加上XML申明):
- <?XMLversionXMLversion="1.0"encoding="utf-8"?>
- <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHtml1.0Strict//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xHtml1-strict.dtd">
當沒有使用DTD聲明或者使用HTML4以下(不包括Html4)的DTD聲明時,基本所有的浏覽器都是使用QuirksMode呈現。
31、DIV CSS設計中如何給一個元素定義多個不同的CSS規則?
- <styletypestyletype="text/CSS">
- .a{color:#f00;}
- .b{background:#eee;}
- </style>
- <divclassdivclass="ab">測試</div>
如上例,該元素同時擁有a和b定義的樣式規則。
多個規則之間使用空格分開,並且只有class能同時使用多個規則,id不可以
32、如何區別display:none與visibility:hidden?
相同的是display:none與visibility:hidden都可以用來隱藏某個元素;
不同的是display:none在隱藏元素的時候,將其占位空間也去掉;而visibility:hidden只是隱藏了內容而已,其占位空間仍然保留。
33、DIV CSS設計中如何解決按鈕在IE7及以下浏覽器中隨著value增多兩邊留白也隨著增加的問題?
通常情況下,如果value的長度是固定不變的,可以給按鈕設定一個固定的width,這是沒有問題的,但在大多數情況下,按鈕的value大多是可變的,所以給按鈕設定width是不夠理想的。
解決方法,給按鈕加上:#overflow:visible;padding:010px;其中overflow用於清除IE兩邊的留白,padding用於使得各浏覽器的留白一致。