展開全部

可以把圖片作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怎样把文字覆盖到图片上?的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。