DIV背景透明樣式使用
作者：admin
CSS中的DIV元素有很多值得學(xué)習(xí)的地方，它是用來(lái)為HTML文檔內(nèi)大塊（block-level）的內(nèi)容提供結(jié)構(gòu)和背景的元素，這里向大家描述一下DIV背景透明樣式的使用。
本文向大家介紹一下DIV背景透明樣式的使用，首先我們來(lái)看一下它的概念，DIV 在編程中又叫做整除，即只得商的整數(shù)，DIV元素是用來(lái)為HTML文檔內(nèi)大塊（block-level）的內(nèi)容提供結(jié)構(gòu)和背景的元素。
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學(xué)習(xí)資料</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>
【編輯推薦】
- CSS解決DIV居中相關(guān)問(wèn)題
- CSS中DIV標(biāo)簽實(shí)現(xiàn)定位單元的控制
- CSS中border和clear兩大屬性用法揭秘
- 探究四大CSS屬性用法
- 解讀DIV CSS網(wǎng)頁(yè)布局中CSS無(wú)效十個(gè)原因
責(zé)任編輯：佚名
來(lái)源：
jqueryajax.com
