html – CSS：结合纹理和颜色

概述有人如何将纹理用作背景图像和背景颜色组合在纹理上方？ 这里的纹理： 我希望我的身体背景页面如下： 我正在努力使用backroung-image和background-color：http://jsfiddle.net/87K72/ body{ background: #6DB3F2 url('http://s13.postimg.org/j0qiscsw3/cream.png'); } 您可 有人如何将纹理用作背景图像和背景颜色组合在纹理上方？

这里的纹理：

我希望我的身体背景页面如下：

我正在努力使用backroung-image和background-color：http://jsfiddle.net/87K72/

body{  background: #6DB3F2 url('http://s13.postimg.org/j0qiscsw3/cream.png'); }

解决方法 您可以在身体顶部使用带有Alpha通道的叠加div,但在其他元素下使用.

jsFiddle example

<h1>I want blue color above my texture</h1><div ID="cover"></div>body {    background: url('http://i.stack.imgur.com/oslRB.png');}h1{    position:relative;    z-index:2;}#cover {    position:absolute;    top:0;    bottom:0;    left:0;    right:0;    background-color:rgba(109,179,242,0.5);    z-index:1;}

总结

以上是内存溢出为你收集整理的html – CSS：结合纹理和颜色全部内容，希望文章能够帮你解决html – CSS：结合纹理和颜色所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。