当前位置: 代码迷 >> Web前端 >> 在IE6里没法识别first-letter/:first-line
  详细解决方案

在IE6里没法识别first-letter/:first-line

热度:484   发布时间:2012-12-18 12:43:41.0
在IE6里无法识别first-letter/:first-line?
学习HTML和CSS时,总要一边学习,一边试验下,影响才会更深刻,对于那些属性才能更知道他们所处的位置和环境,不过有时,浏览器的版本会限制一些属性和对象的实现,有些浏览器会无法识别部分代码,如果去试试不同的浏览器又比较麻烦,我目前就是碰到了一个麻烦,IE6无法识别伪对象:first-letter和:first-line,换浏览器只是其中比较笨的一种方法,参考了相关的资料和文献,发现也可以通过代码调试来改变,目前,有找到了两种相关联的方法。

1.在CSS样式表里增添如下的代码:

p:fisr-letter {float:left;font-size:50px;font-weight:bold;}

p:first-line {color:purple}

说明:增加空格,在伪对象选择符:first-letter/:first-line与包含规则的“{”间增加空格。

2.也可以在CSS样式表里添加如下的规则。

p:first-letter

{float:left;font-size:50px;font-weight:bold;}

p:first-line

{color:purple}

说明:将整个花括号“{”规则区域换到下一行。

PS: :first-letter&:first-line的定义

1.”first-letter” 伪元素用于向文本的首字母设置特殊样式。它只能用于块级元素

下面的属性可应用于 “first-letter” 伪元素:
font
color
background
margin
padding
border
text-decoration
vertical-align (仅当 float 为 none 时)
text-transform
line-height
float
clear

2.”first-line” 伪元素用于向文本的首行设置特殊样式。它也只能用于块级元素。

下面的属性可应用于 “first-line” 伪元素:
font
color
background
word-spacing
letter-spacing
text-decoration
vertical-align
text-transform
line-height

clear


此文由Web开发之答疑解惑源www.znjcx.com整理,如需转载,请注明原文(在IE6里无法识别first-letter/:first-line?)出处:http://www.znjcx.com/html/y2012/480_in-ie6-does-not-recognize-first-letterfirst-line.html,谢谢!


推荐文章:

1.dreamweaver开发问题

2.将时间差写入数据库

3.验证使用者输入的密码格式

4.如何设置和使用一个字符串变量?

5.VBS脚步刷新桌面

  相关解决方案