IE6 空格bug修正方法

  发布时间:2009-08-29 22:12:48   作者:佚名   我要评论
这个问题主要是出现在IE6浏览器中,而且这位朋友也说明了一些必要的触发条件
看代码:

复制代码
代码如下:

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

相关文章

  • 纯html+css实现Element loading效果

    本文主要介绍了纯html+css实现Element loading效果,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-07-29
  • 纯html+css实现奥运五环的示例代码

    正好最近在开奥运会,今天就用html+css实现奥运五环,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-07-27
  • HTML+CSS实现导航条下拉菜单的示例代码

    菜单栏在很多地方都可以用到,尤其是带下拉的菜单栏,本文主要介绍了HTML+CSS实现导航条下拉菜单,具有一定的参考价值,感兴趣的可以了解一下
    2021-07-27
  • html+css实现滚动到元素位置显示加载动画效果

    这篇文章主要介绍了html+css实现滚动到元素位置显示加载动画效果,本文通过实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2021-07-27
  • 纯html+css实现打字效果

    本文主要介绍了纯html+css实现打字效果,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-07-26
  • html+css实现环绕倒影加载特效

    本文主要介绍了html+css实现环绕倒影加载特效,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-07-06
  • html输入两个数实现加减乘除功能

    在网页制作过程中制作一个简单计算器功能是非常常见的需求,通过在文本输入两个数,能够实现两个数的加减乘除,主要通过parseFloat() 函数,其语法介绍可以参考下本文
    2021-08-07
  • html中显示特殊符号(附带特殊字符对应表)

    在使用html进行编辑的时候,特殊符号往往会显示错误,极端情况下更可能导致网页崩溃。本文就来介绍一下如何显示特殊字符,感兴趣的可以了解一下
    2021-06-21
  • 关于html选择框创建占位符的问题

    今天给大家普及在html选择框创建占位符的问题,文中通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2021-06-09
  • html css3不拉伸图片显示效果

    本文主要介绍了html css3不拉伸图片显示效果,类似淘宝,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-06-07

最新评论