css - 获取:before pseudo element to use background image of parent

标签 css pseudo-element

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

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

li a:before {
    background: inherit;
}

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

最佳答案

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

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

关于css - 获取:before pseudo element to use background image of parent,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7305487/

相关文章:

javascript - 如何根据按下的按钮显示特定的文本框?

css - 使用 angularjs 动态样式化伪元素

css - :之后与::之后

CSS 模糊过滤器不适用于 MS Edge 中的某些伪元素

Javascript - 切换内容功能只能使用一次

Chrome 61 的 CSS 问题

html - Bootstrap ,页脚上方的按钮

javascript - 如何优化类似<picture>标签的background-image?

html - 在::before 元素中堆叠两个字符的语义方式?

css - 定位 h2::after 包含 h2::before