获取 :before 伪元素以使用父元素的背景图像

发布于 2024-12-03 11:23:37 字数 292 浏览 1 评论 0原文

CSS 是否可用于将 :before 伪元素的背景图像设置为与其父元素相同。我想说继承,但是伪元素可以继承任何东西吗?示例:

li a {
    background: #f56a46 url(images/gallery-thumb.jpg) center center no-repeat;
}

li a:before {
    background: inherit;
}

我知道我可以使用 JavaScript 轻松完成此操作,但我想知道是否可以仅使用 CSS。任何帮助将不胜感激,谢谢!

Can CSS be used to set the background image of a :before pseudo element to the same as it's parent. I want to say inherit, but can a pseudo element inherit anything? Example:

li a {
    background: #f56a46 url(images/gallery-thumb.jpg) center center no-repeat;
}

li a:before {
    background: inherit;
}

I know I could easily do it with JavaScript but I want to know if it's possible using only CSS. Any help would be much appreciated, Thanks!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

别靠近我心 2024-12-10 11:23:37

继承必须适用于伪元素:http://jsfiddle.net/kizu/GaUsp /

确定,您已经添加了所有需要的属性,例如 contentdisplay 和尺寸,以便伪元素有一个必须显示背景的框?

Inherit must work for pseudo-elements: http://jsfiddle.net/kizu/GaUsp/

Are sure, you've added all the needed properties like content, display and dimensions so the pseudo-element have a box where background must be shown?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文