在IE6裏無法識別first-letter/:first-line?

學習HTML和CSS時,總要一邊學習,一邊試驗下,影響纔會更深刻,對於那些屬性才能更知道他們所處的位置和環境,不過有時,瀏覽器的版本會限制一些屬性和對象的實現,有些瀏覽器會無法識別部分代碼,如果去試試不同的瀏覽器又比較麻煩,我目前就是碰到了一個麻煩,IE6無法識別僞對象:first-letter和:first-line,換瀏覽器只是其中比較笨的一種方法,參考了相關的資料和文獻,發現也可以通過代碼調試來改變,目前,有找到了兩種相關聯的方法。

1.在CSS樣式表裏增添如下的代碼:

p:fisr-letter {float:left;font-size:50px;font-weight:bold;}

p:first-line {color:purple}

說明:增加空格,在僞對象選擇符:first-letter/:first-line與包含規則的“{”間增加空格。

2.也可以在CSS樣式表裏添加如下的規則。

p:first-letter

{float:left;font-size:50px;font-weight:bold;}

p:first-line

{color:purple}

說明:將整個花括號“{”規則區域換到下一行。

PS: :first-letter&:first-line的定義

1.”first-letter” 僞元素用於向文本的首字母設置特殊樣式。它只能用於塊級元素

下面的屬性可應用於 “first-letter” 僞元素:
font
color
background
margin
padding
border
text-decoration
vertical-align (僅當 float 爲 none 時)
text-transform
line-height
float
clear

2.”first-line” 僞元素用於向文本的首行設置特殊樣式。它也只能用於塊級元素。

下面的屬性可應用於 “first-line” 僞元素:
font
color
background
word-spacing
letter-spacing
text-decoration
vertical-align
text-transform
line-height

clear


此文由Web開發之答疑解惑源www.znjcx.com整理,如需轉載,請註明原文(在IE6裏無法識別first-letter/:first-line?)出處:http://www.znjcx.com/html/y2012/480_in-ie6-does-not-recognize-first-letterfirst-line.html,謝謝!


推薦文章:

1.dreamweaver開發問題

2.將時間差寫入數據庫

3.驗證使用者輸入的密碼格式

4.如何設置和使用一個字符串變量?

5.VBS腳步刷新桌面

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章