在HTMLCSS中,你可以像在后台一样重复前景中的图像吗？

概述这是我的CSS .test { background-image:url('images/smiley.gif'); background-repeat:repeat;} 这是我的HTML： <div class="test" id="xyz">some code which should come background to image</div> 我写的代码设置了背景图像. 但我想在 这是我的CSS

.test {  background-image:url('images/smiley.gif');  background-repeat:repeat;}

这是我的HTML：

<div  ID="xyz">some code which should come background to image</div>

我写的代码设置了背景图像.

但我想在文本的顶部放置一个图像,而不是在它后面,以便它覆盖文本. (我也希望它自动重复填充元素,可以是任何大小.)

我怎样才能做到这一点？

解决方法 有趣的任务.如果您愿意添加额外的HTML元素,我认为应该这样做. (或者,使用.test：before而不是.test .foregroundImage,如 Georges’ answer).

HTML

<div  ID="xyz"><span ></span>some code which should come background to image</div>

CSS

.test {    position: relative;}.test .foregroundImage {  position: absolute;  top: 0;  bottom: 0;  height: auto;  left: 0;  right: 0;  wIDth: auto;  background-image:url('images/smiley.gif');  background-repeat:repeat;}

有关工作示例,请参见http://jsfiddle.net/RUJYf/.

总结

以上是内存溢出为你收集整理的在HTML / CSS中,你可以像在后台一样重复前景中的图像吗？全部内容，希望文章能够帮你解决在HTML / CSS中,你可以像在后台一样重复前景中的图像吗？所遇到的程序开发问题。

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