如何使用純css實(shí)現(xiàn)div自適應(yīng)居中兼容IE7ChromeFireFox

小編給大家分享一下如何使用純css實(shí)現(xiàn)div自適應(yīng)居中兼容IE7 Chrome FireFox，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)自2013年起，是專(zhuān)業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目網(wǎng)站設(shè)計(jì)、做網(wǎng)站網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元寧河做網(wǎng)站,已為上家服務(wù),為寧河各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話(huà):18982081108

1. 純CSS，完全無(wú)需JS，對(duì)JS程序猿來(lái)說(shuō)一種解放！

2. IE7、8 下rgba屬性會(huì)失效，所以如果要做半透明要新加一個(gè)div，這個(gè)步驟我偷個(gè)懶就省了哈哈，重點(diǎn)是中間的div大笑

3. 對(duì)于彈出層，各位針對(duì)自己的情況設(shè)置z-index，這里我沒(méi)有設(shè)置了

4. IE6沒(méi)有測(cè)試，抱歉= =

DOM結(jié)構(gòu)

代碼如下:

<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>
<p>
fdsfsdfsadfsdafsdafdssad
</p>
<div class="pop-wrap">
<table>
<tr>
<td>
<div class="pop">
<p>
感覺(jué)如何？
</p>
<input type="button" value="確定" />
</div>
</td>
</tr>
</table>
</div>
</body>
</html>

stye.css :

代碼如下:

.pop-wrap{
position: fixed;
top: 0;
background: rgba(0, 0, 0, .8);
left: 0;
width: 100%;
height: 100%;
}
.pop-wrap table {
height: 100%;
width: 100%;
}
.pop-wrap td {
width: 100%;
height: 100%;
}
div.pop {
margin: 0 auto;
width: 200px;
background: #ECECEC;
padding: 20px;
text-align:center;
}
div.pop p {
font: 200 14px/20px Microsoft YaHei;
}
div.pop input {
background: #FFFFFF;
border: 1px solid #ADADAD;
padding: 3px 10px;
border-radius : 2px;
cursor: pointer;
}

以上是“如何使用純css實(shí)現(xiàn)div自適應(yīng)居中兼容IE7 Chrome FireFox”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

本文題目：如何使用純css實(shí)現(xiàn)div自適應(yīng)居中兼容IE7ChromeFireFox
URL分享：http://muchs.cn/article22/ghsejc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、服務(wù)器托管、虛擬主機(jī)、網(wǎng)站收錄、網(wǎng)站營(yíng)銷(xiāo)、面包屑導(dǎo)航

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容