今天我学会了
CSS3支持
multiple backgrounds,这太棒了.
我真正喜欢的是能够动态组合多个背景,EG：
我真正喜欢的是能够动态组合多个背景,EG：
.Watermarked{
background: url('text/logo.png') bottom right no-repeat;
}
HTML：
<div class="Watermarked"
style="background:url('photos/very_pretty_sunset.jpg') 0 0 no-repeat;">
...
以某种方式生成计算样式：
background: url('text/logo.png') bottom right no-repeat,url('photos/very_pretty_sunset.jpg') 0 0 no-repeat;
当然,我可以硬编码额外的背景样式或使用jquery添加它.我正在寻找那种甜蜜,纯粹,仅限CSS的解决方案.
回答
接受thirtydot的纯CSS答案 – “你不能”.
值得强调的是,如果你正在使用SASS(Rails 3.1等),硬编码样式通过变量使用更加可口：
$watermarkImage: url('text/logo.png') left top no-repeat;
...
#very_pretty_sunset{
background: $watermarkImage,url('photos/very_pretty_sunset.png') right bottom no-repeat;
}
解决方法
你不能用CSS做到这一点.
无论哪个背景声明具有更高的specificity将完全覆盖另一个背景.
