标题 | IE6 空格bug修正方法 |
内容 | 这个问题主要是出现在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、是否有空格的存在 |
随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。