DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> IE6 空格bug修正方法
IE6 空格bug修正方法
編輯:HTML和Xhtml     
看代碼:

復制代碼代碼如下:
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="//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>對於世界而言,你是一個人;但是對於某個人,你是他的整個世界。縱然傷心,也不要愁眉不展,因為你不知是誰會愛上你的笑容。</p>
</body>
</html>

這段代碼對<p>的首字符樣式定義在IE6上看是沒有效果的,而在p:first-letter和{font-size:300%}加上空格,也就是p:first-letter {font-size:300%}後,顯示就正常了。

這個問題主要是出現在IE6浏覽器中,而且這位朋友也說明了一些必要的觸發條件:
1、IE6浏覽器
2、選擇符是帶有偽類的
3、偽類中必須是有連接符“-”的,例如:first-letter
4、是否有空格的存在
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved