IE6 空格bug修正方法

字號:


    這個問題主要是出現(xiàn)在IE6瀏覽器中,而且這位朋友也說明了一些必要的觸發(fā)條件
    代碼如下:
    < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title></title>
    <style type="text/css">
    <!--
    p{font-size:12px;}
    p:first-letter{font-size:300%}
    -->
    </style>
    </head>
    <body>
    <p>對于世界而言,你是一個人;但是對于某個人,你是他的整個世界??v然傷心,也不要愁眉不展,因為你不知是誰會愛上你的笑容。</p>
    </body>
    </html>
    這段代碼對<p>的首字符樣式定義在IE6上看是沒有效果的,而在p:first-letter和{font-size:300%}加上空格,也就是p:first-letter {font-size:300%}后,顯示就正常了。
    這個問題主要是出現(xiàn)在IE6瀏覽器中,而且這位朋友也說明了一些必要的觸發(fā)條件:
    1、IE6瀏覽器
    2、選擇符是帶有偽類的
    3、偽類中必須是有連接符“-”的,例如:first-letter
    4、是否有空格的存在