Question

我想知道我可以用CSS做任何事情。

我有父div，孩子1。孩子总是会有背景颜色，我想在数据加载案例中切换其他类。因此，当加载数据时，父div将具有背景图像和颜色（可能是具有透明度的rgba）。我想用父母做这个的原因是我不知道孩子的确切数量，或者产生的身高，所以加载叠加div似乎不是一个好主意......

http://jsfiddle.net/3Xpnx/15/这里是小提琴，可以看出孩子的背景是在父母身上

.parent{
background: url('http://www.securenet.com/sites/default/files/spinner.gif') no-repeat scroll 0% 0% / contain #FFF;
z-index:10000;
position:relative;

}

.child{
    width:300px;
    height:300px;
    background-color: rgba(0,250,250,.7);
}

Answer 1

您可以使用伪元素执行此操作，该元素必须在加载完成后删除（但这是另一个问题）。在这里，我使用悬停来显示它。

JSfiddle Demo

<强> HTML

一些内容

<强> CSS

.parent {
    position: relative;
}
.parent:after {
    position: absolute;
    content:"";
    top:0;
    left:0;
    bottom:0;
    right:0;
    background: url('http://www.securenet.com/sites/default/files/spinner.gif') no-repeat scroll 0% 0% / contain #FFF;
}

/* temp hover state for demo purposes*/

.parent:hover:after {
    display:none;
}

.child {
    width:300px;
    height:300px;
    background-color: rgba(0, 250, 250, .7);
}

孩子的父母背景

1 个答案: