为什么:before和:after伪元素不能与`img`元素一起使用?

亚历克斯

我正在尝试将:before伪元素元素一起使用img

考虑一下HTML和CSS ...

的HTML

<img src="http://0.gravatar.com/avatar/this-is-not-a-hash" alt="" />

的CSS

img:before {
  content: "hello";
}

jsFiddle

这不会产生预期的效果(已在Chrome 13和Firefox 6中测试)。但是,它可以使用divspan元素。

为什么不?

有没有办法使伪元素与img元素一起使用?

亚历克斯

规格说...

注意。该规范没有完全定义替换元素(例如HTML中的IMG):before以及:after与替换元素的交互这将在以后的规范中更详细地定义。

我猜这意味着它们暂时不使用img元素。

另请参阅此答案

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

为什么:: before伪元素不能与:visited伪类一起使用?

CSS伪元素不能与ng-repeat一起使用?

添加的元素不能与on事件一起使用

嵌套伪元素:: before和:: after无法与@keyframes动画一起使用

为什么我的自定义组件中的无线电输入元素不能与反应式表单一起正常工作?

为什么我的 ng-show 不能与 <img> 一起使用?

卡片元素不能与 Stripe.elements() 一起使用不是函数错误

为什么我的 :nth-child() 选择器不能与 ::before 一起使用

为什么 foreach 不能与 String 一起使用?

为什么“ COALESCE”不能与“ GROUP BY”一起使用?

LibreOffice为什么不能与HUD一起使用?

为什么javascript“ this”不能与“ each”一起使用?

rand为什么不能与AbstractFloat一起使用?

为什么 grep 不能与 iostat 一起使用?

为什么JQuery不能与CryptoJS一起使用?

为什么childElementCount不能与jQuery一起使用?

setuid为什么不能与mount一起使用?

为什么 CUDA 不能与 easyocr 一起使用?

为什么Bootstrap行和列不能与车把一起使用?

为什么这个数组和 foreach 不能与 mysqli 一起使用?

为什么存储过程不能与select,where和have一起使用

为什么我的:: before伪元素不起作用?

伪类不能与类一起使用

为什么Quickbooks可以与Ubuntu一起使用,而不能与Fedora一起使用?

为什么它可以与$ scope一起使用,但不能与`this`一起使用?

为什么img路径有效,但不能与path.join一起使用?

为什么此脚本不能与nohup一起使用,但是不能,不能呢?

如何使用:before和:after伪元素

为什么此流和lambda表达式不能与SpEL声明一起使用?