在本文中，我们将为您详细介绍css–是否有更快的方式在IE7中提供“：before”和“：after”选择器支持？的相关知识，并且为您解答关于css可以提高网页的加载速度的疑问，此外，我们还会提供一些
在本文中，我们将为您详细介绍css – 是否有更快的方式在IE7中提供“：before”和“：after”选择器支持？的相关知识，并且为您解答关于css可以提高网页的加载速度的疑问，此外，我们还会提供一些关于after和before选择器怎么用？after和before选择器详解、CSS Transitions with：before和：after伪元素、css – Firefox无法正常显示：before和：after伪元素、css – “text-decoration”和“：after”伪元素,重新访问的有用信息。
本文目录一览：- css – 是否有更快的方式在IE7中提供“：before”和“：after”选择器支持？（css可以提高网页的加载速度）
- after和before选择器怎么用？after和before选择器详解
- CSS Transitions with：before和：after伪元素
- css – Firefox无法正常显示：before和：after伪元素
- css – “text-decoration”和“：after”伪元素,重新访问
css – 是否有更快的方式在IE7中提供“：before”和“：after”选择器支持？（css可以提高网页的加载速度）
虽然它确实有效,但存在明显的滞后(大约15-20秒).
任何人都可以推荐更快的替代方案,以便我可以在IE7中使用：before和：之后的psudo-element选择器？
解决方法
If you have zillions of
:beforeand:after,the cause of the problem Could
be IE7’s slowish JavaScript engine –
if this is the case,I think you’re
out of luck – IE7.js is probably as
efficient as you’re going to get.
和：
@thirtydot I have a page with only one
:before and :after and that is taking
about 7-9 seconds,so I think you are
right about it being the number of
selectors I’m using.
IE7
总结
以上是小编为你收集整理的css – 是否有更快的方式在IE7中提供“：before”和“：after”选择器支持？全部内容。
如果觉得小编网站内容还不错，欢迎将小编网站推荐给好友。
after和before选择器怎么用？after和before选择器详解
本篇文章给大家带来的内容是关于after和before选择器怎么用？after和before选择器详解，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
在CSS3中，我们可以使用::before和::after这两个选择器在元素前面或后面添加内容。这两个选择器常和"content属性"配合使用，使用的场景最多的就是清除浮动和创建小图标。
代码如下：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS3 ::before和::after选择器</title>
<style type="text/css">
div::before
{
content:"php中文网";
}
</style>
</head>
<body>
<div>CSS3教程</div>
</body>
</html>如图所示：
分析：
::before和：：after这两个选择器都是配合content属性在元素之前或之后插入内容、图片、多媒体等。这2个选择器非常有用，甚至可以用来设计各种小图标：
以上就是对after和before选择器怎么用？after和before选择器详解的全部介绍，如果您想了解更多有关CSS3教程，请关注PHP中文网。
以上就是after和before选择器怎么用？after和before选择器详解的详细内容，更多请关注php中文网其它相关文章！
CSS Transitions with：before和：after伪元素
http://jsfiddle.net/4rnsx/130/
解决方法
现在(我确实更新这个列表)它支持：
> FireFox 4.0及以上
> Chrome 26及更高版本
> IE 10及以上
正在等待Safari和Android版Chrome浏览器来抓取这些更新。
你可以test it yourself in your browser，或
见browser support table。
css – Firefox无法正常显示：before和：after伪元素
CSS
span[property="dc:date dc:created"]::before{
position: absolute;
top: 60px;
content: '';
display: block;
background-color: #005691;
width: 60px;
height: 20px;
}
span[property="dc:date dc:created"]::after{
position: absolute;
top: 60px;
right: 0;
width: 0px;
height: 0px;
border-top: 20px solid #01416F;
border-right: 20px solid rgba(0,0);
content: '';
}
http://jsfiddle.net/LRnCM/1/
解决方法
.submitted {
position:relative;
display:inline-block;
}
UPDATED EXAMPLE
css – “text-decoration”和“：after”伪元素,重新访问
在我的样式表中打印的媒体，我想在每个链接后使用：after伪类后添加url。
a:after {
content: " <" attr(href) ">";
text-decoration: none;
color: #000000;
}
在Firefox(可能是Chrome但不是IE8)中，text-decoration：none被忽略，下划线在网址底部延伸。然而，对于网址，颜色被正确设置为黑色。有没有办法使文本装饰工作？
original question附加的固定大小的图像而不是可变宽度的文本。它的答案使用填充和背景图像，以避免使用text-decoration属性。当内容是可变宽度的文本时，我仍然在寻找一个解决方案。
解决方法
5.12.3 The :before and :after pseudo-elements
The ‘:before’ and ‘:after’
pseudo-elements can be used to insert
generated content before or after an
element’s content. They are explained
in the section on generated text.…
07000
规范指示内容应当在元素的内容之前或之后插入，而不是元素(即< element> content：before content< / element>之后)。因此，在Firefox和Chrome中，遇到的文本装饰不是在插入的内容上，而是在包含插入内容的父锚元素上。
我认为你的选择将使用在上一个问题中建议的background-image / padding技术，或者可能在span元素中包装您的锚点元素，而将伪元素应用于span元素。
今天关于css – 是否有更快的方式在IE7中提供“：before”和“：after”选择器支持？和css可以提高网页的加载速度的介绍到此结束，谢谢您的阅读，有关after和before选择器怎么用？after和before选择器详解、CSS Transitions with：before和：after伪元素、css – Firefox无法正常显示：before和：after伪元素、css – “text-decoration”和“：after”伪元素,重新访问等更多相关知识的信息可以在本站进行查询。
本文标签：
