展開(kāi)全部

可以把圖片作e69da5e6ba9062616964757a686964616f31333365633864為文字那個(gè)塊標(biāo)簽的背景圖片或者你把圖片和文字都放在一個(gè)同一個(gè)div 里面然后給圖片和文字加上定位，然后文字的圖層比圖片的圖層位置高就行了。

第一種

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

你的文字內(nèi)容

第二種

.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;}

你的文字內(nèi)容

CSS怎么將一個(gè)元素重疊到圖片上顯示，假如我有一張圖片，圖片上面顯示半透明的橫條，橫條上面有文字，效果如圖：

.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濾鏡 純手打

總結(jié)

以上是生活随笔為你收集整理的怎么把图片上的字盖住_html用css怎样把文字覆盖到图片上?的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。