是否可以在CSS3背景上附加其他类/样式？
|
今天，我了解到CSS3支持多种背景，这非常棒。
我真正想要的是能够动态合并多个背景的功能，例如：
.Watermarked{
background: url(\'text/logo.png\') bottom right no-repeat;
}
<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;
$watermarkImage: url(\'text/logo.png\') left top no-repeat;
...
#very_pretty_sunset{
background: $watermarkImage, url(\'photos/very_pretty_sunset.png\') right bottom no-repeat;
}
没有找到相关结果
已邀请:
3 个回复
降女陷费券
哩翔购
/* This is your element that needs an additional background */ .myElement { position: relative; z-index: 1; } /* This is your background layer */ .myElement:before { position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: /* Define your bg */; }粱委教
= img的宽度-img宽度 div的= img的高度-img高度img高度=img宽度=您的边框图像必须是透明的（明显的） 的CSS.Watermarked { -moz-border-image: url(\'text/logo.png\') 0 100% 100% 0; -webkit-border-image: url(\'text/logo.png\') 0 100% 100% 0; -o-border-image: url(\'text/logo.png\') 0 100% 100% 0; border-image: url(\'text/logo.png\') 0 100% 100% 0; }替代 前提条件= logo.png高度= logo.png宽度 您的边框图像必须是透明的（可选） 的CSS.Watermarked { -moz-border-image: url(\'text/logo.png\') 0 100% 100% 0; -webkit-border-image: url(\'text/logo.png\') 0 100% 100% 0; -o-border-image: url(\'text/logo.png\') 0 100% 100% 0; border-image: url(\'text/logo.png\') 0 100% 100% 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }