当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > IE6 空格bug修正方法

HTML/XHTML教程
译文:如何写出漂亮的HTML代码
Web Slices是什么
select网页下拉列表与div层遮盖问题
202个免费的高质量XHTML模板(1)
202个免费的高质量XHTML模板(2)
验证HTML,CSS以及RSS源是否正确的免费工具
网页排版应该考虑IE6的兼容性问题
表单元素与提示文字无法对齐的问题
学习如何书写整洁规范的HTML标记
网页设计潮流之2009:路在何方?
制作网页的5条非常不错的建议
Xhtml不常用却很有用的标签
Google Wave将推动HTML5标准化
是否为img图片标签赋予alt属性
iframe高度自适应代码(兼容FF,Opera,Safari)
HTML教程:small标记
WEB标准:网页页面结构
如何修改网页中的FlashSWF文件
dl,dt,dd在什么时候适合使用呢?
shtml include使用方法

HTML/XHTML教程 中的 IE6 空格bug修正方法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 195 ::
收藏到网摘: n/a

看代码:

代码如下:

< !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、是否有空格的存在