背景透明,文字不通明的做法

背景透明,文字不通明的做法,第1张

概述背景透明,文字不通明做法

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。

内存溢出小编现在分享给大家,也给大家做个参考。

<!DOCTYPE HTML PUBliC "-//W3C//DTD xhtml 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd"><HTML xmlns="http://www.w3.org/1999/xhtml"><head><Meta http-equiv="Content-Type" content="text/HTML; charset=utf-8" /><Title>背景透明文字不通明</Title><style type="text/CSS">	.item{wIDth:400px;height:300px;margin:0 auto;position:relative;}	.hi,h3{position:absolute;left:0;bottom:0;wIDth:100%;height:30px;}	h3{line-height:30px;color:#fff;margin:0;z-index:1;}/*给文字设置了z-index值这样文字就不会透明了*/	.hi{background:red;opacity:0.4;}/*透明背景*/</style></head><body>	<h1>背景透明文字不透明的做法</h1>    <div >   	    	<p>        	<img src="http://www.hnta.cn/upfiles/20081179558239.jpg" />        </p>        <h3>你看我是不是没有透明啊</h3>        <div ></div>    </div></body></HTML>

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。

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

总结

以上是内存溢出为你收集整理的背景透明,文字不通明的做法全部内容,希望文章能够帮你解决背景透明,文字不通明的做法所遇到的程序开发问题。

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

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1096335.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-28
下一篇 2022-05-28

发表评论

登录后才能评论

评论列表(0条)

保存