网页设计css设置多重背景只显示一个怎么办

html-css011

网页设计css设置多重背景只显示一个怎么办,第1张

网页设计css设置多重背景只显示一个检查下浏览器是否支持。

1、网页设计css设置多重背景只显示一个检查下浏览器是否支，首先，多重背景属于CSS3的范畴，请先确定浏览器及其版本是否支持。

2、然如果写在前面的背景图尺寸比其他的图片大，会发生遮挡，需调整背景图的顺序。

background-attachment: fixed

background-size: cover

实现背景图平铺展开，各自显示各自区域的背景图

上面transition: all 0.4s ease-in-out

下面opacity: 0.7transform: scale(0.99)

实现动画效果过度，缩放

这个目前的css3及以前的css规则中没有提及到。目前能够对背景进行的操作就是横向平铺（background-repeat:repeat-x）、纵向平铺（background-repeat:repeat-y）、完全平铺（background-repeat:repeat/不填写）、背景图大小（background-size）、背景定位区域（background-origin）、多重背景图片（background-image:url(bg_flower.gif),url(bg_flower_2.gif)）等，还没有涉及到你说的这个重复次数的问题，你可以根据背景图的大小和想要重复的次数计算一下对应的宽高，然后限定一下宽高进行完全平铺，最后用定位将这个标签定位到你想要的位置。