日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁(yè) > 云知道 > >

CSS多瀏覽器兼容性問(wèn)題及解決方案介紹( 二 )

云知道


關(guān)于CSS中的問(wèn)題實(shí)在太多了 ， 甚至同樣的CSS定義在不同的頁(yè)面標(biāo)準(zhǔn)中的顯示效果都是不一樣的 。一個(gè)合乎發(fā)展的建議是 ， 頁(yè)面采用標(biāo)準(zhǔn)XHTML標(biāo)準(zhǔn)編寫(xiě) ， 較少使用table ， CSS定義盡量依照標(biāo)準(zhǔn)DOM ， 同時(shí)兼顧IE、Firefox、Opera等主流瀏覽器 。很多情況下 ， FF和 Opera的CSS解釋標(biāo)準(zhǔn)更貼近CSS標(biāo)準(zhǔn) ， 也更具有規(guī)范性 。
2、IE選擇符空格BUG
今天在給博客的段落樣式設(shè)置首字符樣式的時(shí)候發(fā)現(xiàn) ， 原來(lái)一個(gè)空格也可以使樣式失效 。
請(qǐng)看以下代碼：
代碼如下:
對(duì)于世界而言 ， 你是一個(gè)人;但是對(duì)于某個(gè)人 ， 你是他的整個(gè)世界 。縱然傷心 ， 也不要愁眉不展 ， 因?yàn)槟悴恢钦l(shuí)會(huì)愛(ài)上你的笑容 。
[/code]
代碼如下:
【CSS多瀏覽器兼容性問(wèn)題及解決方案介紹】對(duì)于世界而言 ， 你是一個(gè)人;但是對(duì)于某個(gè)人 ， 你是他的整個(gè)世界 ?？v然傷心 ， 也不要愁眉不展 ， 因?yàn)槟悴恢钦l(shuí)會(huì)愛(ài)上你的笑容 。
這段代碼對(duì)
的首字符樣式定義在IE6上看是沒(méi)有效果的(IE7沒(méi)測(cè)試) ， 而在p:first-letter和{font-size:300%}加上空格 ， 也就是p:first-letter {font-size:300%}后 ， 顯示就正常了 。但是同樣的代碼 ， 在FireFox下看是正常的 。按道理說(shuō) ， p:first-letter{font-size:300%}的寫(xiě)法是沒(méi)錯(cuò)的 。那么問(wèn)題出在哪里呢?答案是偽類(lèi)中的連字符”-” 。IE有個(gè)BUG ， 在處理偽類(lèi)時(shí) ， 如果偽類(lèi)的名稱中帶有連字符”-” ， 偽類(lèi)名稱后面就得跟一個(gè)空格 ， 不然樣式的定義就無(wú)效 。而在FF中 ， 加不加空格都可以正常處理 。


推薦閱讀