怎么使用DIV背景透明樣式

發(fā)布時間：2021-11-18 14:48:55 來源：億速云閱讀：127 作者：iii 欄目：web開發(fā)

這篇文章主要講解了“怎么使用DIV背景透明樣式”，文中的講解內(nèi)容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“怎么使用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背景透明樣式”的內(nèi)容了，經(jīng)過本文的學習后，相信大家對怎么使用DIV背景透明樣式這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！

向AI問一下細節(jié)

怎么使用DIV背景透明樣式

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽