获取 :before 伪元素以使用父元素的背景图像
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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
继承
必须适用于伪元素:http://jsfiddle.net/kizu/GaUsp /确定,您已经添加了所有需要的属性,例如
content
、display
和尺寸,以便伪元素有一个必须显示背景的框?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?