怎么把图片上的字盖住_html用css怎样把文字覆盖到图片上?

展开全部

可以把图片作e69da5e6ba9062616964757a686964616f31333365633864为文字那个块标签的背景图片或者你把图片和文字都放在一个同一个div 里面然后给图片和文字加上定位，然后文字的图层比图片的图层位置高就行了。

第一种

.div{width: 200px;height: 200px;background: url("图片路径") no-repeat;}

你的文字内容

第二种

.div{width: 200px;height: 200px;position: relative;z-index: 0}

.div img{position: absolute;top: 0;left: 0;width: 100px;height: 100px;}

.div p{position: absolute;top: 0;left: 0;z-index: 10;}

你的文字内容

CSS怎么将一个元素重叠到图片上显示，假如我有一张图片，图片上面显示半透明的横条，横条上面有文字，效果如图：

.nav{backgrouan:url("../tupian.jpg");width:100px;height:300px;}

.nav ui li {width:100px;height:30px;filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;z-index:100; background-color:#ffffff;margin-top:270px;}

• 青山绿水

用CSS滤镜 纯手打

总结

以上是生活随笔为你收集整理的怎么把图片上的字盖住_html用css怎样把文字覆盖到图片上?的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。