DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 深入學習DIV CSS設計中常見問題解決辦法(5)
深入學習DIV CSS設計中常見問題解決辦法(5)
編輯:CSS詳解     

27、如何讓min-height兼容IE6?

  1. .min-height{min-height:100px;_height:100px;}
  2. <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注釋):

  1. <!--Letie6andIE7intoquirksmode-->
  2. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHtml1.0Strict//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xHtml1-strict.dtd">

IE6的觸發(在XHtml的DTD申明前加上XML申明):

  1. <?XMLversionXMLversion="1.0"encoding="utf-8"?>
  2. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHtml1.0Strict//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xHtml1-strict.dtd">

當沒有使用DTD聲明或者使用HTML4以下(不包括Html4)的DTD聲明時,基本所有的浏覽器都是使用QuirksMode呈現。

31、DIV CSS設計中如何給一個元素定義多個不同的CSS規則?

  1. <styletypestyletype="text/CSS">
  2. .a{color:#f00;}
  3. .b{background:#eee;}
  4. </style>
  5. <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用於使得各浏覽器的留白一致。

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