CSS控制文字的顯示與隱藏時引出的Bug

2021-09-05 19:04:37 字數 652 閱讀 2340

這一段css**相當簡單,目的就是想用css來控制某段文字的顯示與隱藏。起初我採用了下面的**,令人不可思議的是,它們在我的ie6.0上居然沒有任何反應,大家不信可以親自試驗一下。

link我是隱藏內容 

我仔仔細細地檢查了一遍**,實在找不到什麼毛病來。沒有辦法,我只能像平時查錯糾錯一樣,試著改改css裡的**。當我改變了hover偽類鏈結中的**時(**如下所示),突然發現**可以執行了。

為了確認css是否真存在該bug,我又特地改用大小、顏色、位置等樣式來試驗,在不改變hover偽類鏈結的前提下,都無法得到正常情況下應得到的效果。從而可以得知:在包含選擇符有偽類鏈結時,存在著css樣式無效的bug,希望css下一版中能修正這個錯誤。

a:hover

這樣我們可以知道,在hover偽類鏈結中必須包含某些特殊的css屬性宣告才能消除這個bug。 我用了css裡所有的屬性宣告來嘗試解決這個bug,發現只有一下幾項屬性宣告能解決這個問題。

border

display

postion

overfilow

background

而我之所以採用「border:none」這種方法,是因為它還能從netscape 4中消除一些不同的css錯誤。

注:本文所提及的bug在ie5.5、ie6.0中均存在。

控制文字內容的顯示與隱藏示例

複製 如下 j as程式設計客棧cript void 0 id ope程式設計客棧n onclick document.getelementbyid content style display block document.getelementbyid open style display none...

css隱藏 顯示文字的方法

最近做了乙個demo,寫了乙個輪播,在輪播的時候顯示對的文字解釋,要求文字不跟隨滾動預設顯示。花了一點點時間,解決了這個辦法,最後總結了一下在html中用css隱藏文字的方法。1 偏移掉字型的方式 使用text indent 9999px 這種方法有乙個侷限性只適用於塊級元素。2 字型為零不顯示,能...

css元素的顯示及隱藏 文字隱藏

1 元素的顯示及隱藏 1 實現方式 display visibility overflow 2 display 元素的隱藏 display none 1 結論 元素本身還在dom中,只是隱藏而已 2 元素是不佔位置的 元素的顯示 display block 1 結論 display block可以讓...