CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了CSS-多重背景图像大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
嘿.我想在css的不同位置放置多个背景图像(比如diff px.和diff z-index.)
这在身体标签中是否可行.我是指身体标签中的所有图像.或者有差异.?
body    {BACkground-image:url(img/bAnner.png);
     BACkground-position: 50% 49px;
     BACkground-repeat:no-repeat;
     BACkground-color:#000000}

.nav {position:absolute;
top:267px;
left:149px;
z-index:1}

.home   {position:absolute;
     top:281px;
     left:285px;
     z-index:2;}

.event  {position:absolute;
     top:281px;
     left:389px;
     z-index:2;}

.sponsors{position:absolute;
     top:281px;
     left:493px;
     z-index:2;}

.about  {position:absolute;
     top:281px;
     left:597px;
     z-index:2;}

.register{position:absolute;
     top:281px;
     left:701px;
     z-index:2;}

.more   {position:absolute;
     top:281px;
     left:805px;
     z-index:2;}

.box    {position:absolute;
     top:1163px;
     left:157px;
     z-index:1;}

并为每个类我想添加一个背景图像.
请更正代码.并在上面的所有条目中添加背景图像

解决方法

在CSS 3中,您可以使用多个背景.但它尚未得到广泛支持.喜欢
BACkground: url(body-top.gif) top left no-repeat,url(bAnner_fresco.jpg) top 11px no-repeat,url(body-bottom.gif) bottom left no-repeat,url(body-middle.gif) left repeat-y;

multiple backgrounds

您可以使用不同的容器(div)并为它们设置背景图像.

大佬总结

以上是大佬教程为你收集整理的CSS-多重背景图像全部内容,希望文章能够帮你解决CSS-多重背景图像所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。