Question

我有一些DIV应该是空的，并且包含伪元素AFTER宽度背景源是从父属中得到的。这是一个例子： html

<div class="slide-image" href="#adad" data-src="some-src"></div>

css

   .slide-image {
        overflow: hidden;
        height: 100%;
        width: 100%;
    }
    .slide-image:after {
        content: "";
        background-color: #c2c2c2;
        display: inline-block;
        color: red;
        height: 100%;
        width: 100%;
        background-image: attr(data-src url);
    }

我尝试了很多其他方法，但无法使其发挥作用。

Answer 1

你需要用固定的宽度和高度包裹DIV。例如：

<div style="width: 200px; height: 200px;">
    <div class="slide-image" href="#adad" data-src="some-src"></div>
</div>

或者使用和高度修复.slide-image。

参见示例：

http://jsfiddle.net/SupY8/

带有attr背景图像的伪元素

1 个答案: