怎么使用DIV背景透明样式

发布时间:2021-11-18 14:48:55 作者:iii
来源:亿速云 阅读:126

这篇文章主要讲解了“怎么使用DIV背景透明样式”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么使用DIV背景透明样式”吧!

DIV背景透明样式代码:

.alert{filter:alpha(opacity=100);  /*IE*/-moz-opacity:1.0;/*Moz+FF*/   opacity:1.0;height:300px;width:500px;  background:#ccc;left:50%;top:50%;margin-top:-150px;  margin-left:-250px;position:absolute;z-index:99;  text-align:center;padding:20px;}

使用方法:

<divclassdivclass=”alert”>  DIV背景透明   </div>

html代码:

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlnshtmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-  equiv="Content-Type"content="text/html;charset=utf-8"/> <title>jqueryajax.com--jquery学习资料</title> <styletypestyletype="text/css"> .alert   {filter:alpha(opacity=100);/*IE*/-moz-opacity:1.0;/*Moz+FF*/opacity:1.0;height:300px;  width:500px;background:#ccc;left:50%;top:50%;  margin-top:-150px;margin-left:   -250px;position:absolute;z-index:99;  text-align:center;padding:20px}  </style> </head> <body> <divclassdivclass="alert">DIV背景透明   </div> </body> </html>

感谢各位的阅读,以上就是“怎么使用DIV背景透明样式”的内容了,经过本文的学习后,相信大家对怎么使用DIV背景透明样式这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!

推荐阅读:
  1. 上下div的间距样式设置
  2. css如何实现div内凹角样式

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

div

上一篇:怎么解决css DIV嵌套时外层无法自适应高度问题

下一篇:移动网站开发中常用的JavaScript代码有哪些

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》