css样式不覆盖，css怎样设置背景不覆盖其他

html设置背景图片不覆盖文字

1、body style=background-image： url(图片文件地址)； background-attachment： fixed；这样背景图片就会固定住，不会因页面滚动而重复。

2、设置css文字浮于图片上方的方法如下：首先，引入背景图片。在HTML中，给要显示在图片上方的文字所在的元素设置backgroundimage属性，并设置相应的路径和大小。其次，设置背景图片大小。

3、把背景图和文字分别做成两个相互独立的层（而不是包含关系），然后背景图片可以任意设置透明度，文字通过定位的方式覆盖在背景图上面即可。

4、不是图片遮住了字体，而是Layer1那个div把其他元素遮住了。而且你的页面里面有不少地方写法错误，你把代码发上来，我改好发给你。

相关问答

Q1: css设置上下样式覆盖的问题

下面的div文字的颜色设置成transparent。.one{ color：transparent；} 给上面的div设置背景色。

div层元素之间的覆盖可以用‘z-index属性’或‘定位属性’来解决。这种情况一般是由于定位或设置浮动属性产生的。你可以根据实际情况来做相应的修改。同时你也可以上网查找一下“定位属性”和“浮动”的资料。

有时候在写CSS的过程中，某些限制总是不起作用，这就涉及了CSS样式覆盖的问题，如下。

Q2: css中浮动的元素为何不会把文字给覆盖掉?

1、浮动脱离文档流不代表会覆盖住某些内容，它只是脱离文档流，就是不会按照你的设计而进行布局，就算它在任何位置也是和网页中其它内容的关系是平级的，也会占有自己的位置。

2、ie9和opera的解析是正确的。.one元素float：left后，后面.two元素也正常跟上来了，但是因为它只有200x200，被.one元素盖住了（就像一张图片浮动在一个文本内容中一样，会将文字挤开形成环绕）。

3、第一，浮动的目的。最初时，浮动只能用于图像（某些浏览器还支持表的浮动），目的就是为了允许其他内容（如文本）“围绕”该图像。而后来的CSS允许浮动任何元素。第二，绝对定位与浮动的区别。

4、知道了 float 带来的不好的地方，则需要去清除浮动带来的影响。

5、所以，如果高度固定的，里面的元素可以用position定位，好处是想定在什么位置都可以 甚至是超出父级元素的范围。而且不会影响其他的元素 如果高度不固定。

6、从字面上的意思就是浮动，这种在印刷排版之类中可能解释的更加贴切。float能让元素从文档流中抽出，它并不占文档流的空间，典型的就是图文混排中文字 环绕图片的效果了。并且float这也是目前使用最多的网页布局方式。

关于css样式不覆盖和css怎样设置背景不覆盖其他的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。