作家
登录

IE6 空格bug修正方法

作者: 来源:www.28hudong.com 2012-11-19 13:53:36 阅读 我要评论

看代码:复制代码代码如下:< !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 网页头部代码全清楚

以下所有代码全是在<head>...</head>之间,具体内容有:1,<title>&hellip;</title>标题元素,帮助用户更好识别文件,有且只有一个。当作为首页或收藏时做文件名。2,<link>&hellip;</link>显示本文档和其它文档>>>详细阅读


本文标题:IE6 空格bug修正方法

地址:http://www.17bianji.com/kaifa2/XML/15680.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)