问题标签 [pseudo-element]

已解决- 用于\00a9代替©

不言自明：

在 HTML 中，该©序列插入版权字符。这可以像我在这里尝试做的那样在 CSS 伪元素中完成吗？

我做了一个小提琴：http: //jsfiddle.net/ATdRD/

任何人都可以解决这个问题或发现为什么这不起作用？

当用户将鼠标悬停在图像上时，我希望显示数据标题，我可以像工具提示一样为其设置样式

是否可以为 CSS 伪类设置动画？

说我有：

这甚至可能吗？我一直在测试，到目前为止我似乎无法找到解决方案。我试图通过使用 Modernizr 来减少我需要的 JavaScript 支持量。

我已经有一个 JavaScript 方法，所以请不要使用 JavaScript 替代方法。

演示：http: //jsfiddle.net/MxTvw/

我创建了一个带有前置伪元素的“标题”元素。伪元素必须在父元素之后。在我给我的“标题”一个 z-index 之前，一切都很好。

我想要的是：前景中的黄色“标题”，背景中的红色伪元素和黄色“标题”元素上的简单 z-index 30。

您可以在此链接 ( http://jsfiddle.net/tZKDy/ ) 上测试我的问题，并且在设置/删除 de 'header' 元素上的 z-index 时会看到问题。

当我对关联 ::b​​efore 和 ::after 生成内容的元素进行动画处理时，生成的内容（之前为负 z 索引）似乎变得比我的原始元素索引更高。我在 Chrome、Safari 和 Firefox 中看到了这一点。

我知道这很令人困惑，所以这里有一个 fiddle。

有什么想法我哪里出错了，或者我遇到了错误？

好吧，我承认我现在正在玩游戏......

我想要实现的目标：在用于在我们的 Web 应用程序中添加一些元素的实用程序链接之前应该有一个加号。
如果这个标志可以根据用户设置的字体大小进行缩放，那就太好了。

我试过的：

可悲的是，高度属性被忽略了。我知道我可以<img../>在每个链接之前插入一个正常的，但这并不像我们希望的那样可维护。

或者我可以使用其中一个花哨的 unicode 字符，例如

现在，我将采用 unicode 的想法（刚刚在 IE8 中测试过......不，IE 8 不显示该字符（“希腊十字”）......：-（）......好吧，我会的如果我找到在 IE8、FF 和 chrome 中显示的合适字符，请使用 unicode 想法。

不过，我想知道我最初的想法是否可行

我想在我的网站中放置这样的标题：http://cl.ly/0m3F0j392e0G1n0s0T34 我最理想的做法是使用文本作为标题，然后在其后水平重复 10 像素 x 10 像素的 gif。

编辑：我应该补充一点，我想使用带纹理的背景，所以我不能为 h2 元素设置任何纯色。

我已经能够在标题之后添加 gif，但我无法让它重复，即使我添加了 repeat-x。这是我使用的代码：

是否有任何解决方法或任何替代方法？我宁愿不将整个标题切成图像。我曾考虑将标题浮动到左侧，然后将一个空的 div 浮动到右侧，并将 gif 作为重复的背景图像，但我认为这就是 :after 伪元素的用途，对吧？

我做了一个小提琴供参考：http: //jsfiddle.net/xypQY/

我将在哪个元素上应用 WebKit 过渡以使用不透明度实现淡入效果？

:before定位和:after伪元素（如图片）的正确方法是什么？我一直在搞乱一堆不同的方法，但它们似乎都不是非常优雅的解决方案。

这就是我想要做的：

这就是我所做的：

我基本上只是希望图像与文本对齐。还有另一种方法吗？

如果我可以在:before图像上使用填充和边距，那将是完美的，这应该是你所做的。但由于某种原因，这对我不起作用。我可以添加水平填充和边距，但顶部和底部填充没有任何作用。为什么会这样？

我有用 CSS3 设计的气球形状。
JS Fiddle 示例 它的三角形是用

我需要使用 Jquery修改左css 参数来左右移动三角形。我知道我不能选择 DOM 之外的伪元素，但是还有另一种方法可以改变 :after style with js？

是的，我们可以在里面放另一个 div

但这很丑