css - div外層有一圈白色
問(wèn)題描述
我寫頁(yè)面時(shí)新建的一個(gè)p外層有一圈白色，這是怎么回事兒呢？如何去掉這個(gè)？
IE
火狐
谷歌
源代碼如下
HTML部分：
<!DOCTYPE html><html><head> <title>滑稽</title> <meta charset='UTF-8'> <link rel='stylesheet' href='http://www.aoyou183.cn/wenda/style/normalize.css'> <link rel='stylesheet' href='http://www.aoyou183.cn/wenda/style/style.css'></head><body> <p class='round-face'><p class='eyebrow-left'></p><p class='eyebrow-right'></p><p class='eye-left'> <p class='eyeball-left'></p></p><p class='eye-right'> <p class='eyeball-right'></p></p><p class='flush-left'></p><p class='flush-right'></p><p class='mouth'></p> </p></body></html>
CSS部分
.round-face { display: block; width: 200px; height: 200px; position: relative; border-radius: 100px; background: radial-gradient(#f7e49b 30%, #f6b74e 99%, #C0C0C0 100%); box-shadow: -5px 10px 30px 10px #C0C0C0; margin: 20px;}
目前無(wú)論是谷歌瀏覽器還是IE都出現(xiàn)了這種情況
問(wèn)題解答
回答1：加了樣式`body{
background: #333 }`
結(jié)果圖：
去掉剛加的body樣式 將陰影顏色去掉 box-shadow: -5px 10px 30px 10px /*#C0C0C0*/;效果圖：
終上所述：你看你那一塊黑色 都出來(lái)了 以至于你白色陰影也出來(lái)了 然后就出現(xiàn)了你說(shuō)的那種效果
具體的是你這行代碼有問(wèn)題 box-shadow: -5px 10px 30px 10px /*#C0C0C0;*/有問(wèn)題你自己再試試協(xié)調(diào)一下
回答2：試試看body上加上style，使得margin：0; padding:0;以前是插入圖片才會(huì)出現(xiàn)白邊的情況，不信你試試
回答3：關(guān)于css陰影，可以看一下我的這篇文章。 ;)http://www.jianshu.com/p/4280...
回答4：你是指最外面的一圈陰影嗎？去掉css里box-shadow那一行就行了
box-shadow:inside -5px 10px 30px 10px #C0C0C0;不是inset是inside
回答5：如果你指的是p本身和他的陰影之間的那個(gè)幾乎看不見的白圈的話，可能是因?yàn)槟愕膒本身的背景色和陰影色的色差太大，你可以試試box-shadow的inset設(shè)置一下試試
回答6：box-shadow: -5px 10px 30px 10px #C0C0C0; 你設(shè)置了這個(gè)當(dāng)然啊，直接去掉或者變成內(nèi)陰影
回答7：*{
padding:0;margin:0;
}這個(gè)能將html和body重合。
回答8：是因?yàn)槟憬op加了陰影屬性box-shadow你直接刪掉就可以了
相關(guān)文章：
1. python - 獲取到的數(shù)據(jù)生成新的mysql表2. 為什么python中實(shí)例檢查推薦使用isinstance而不是type？3. mysql里的大表用mycat做水平拆分，是不是要先手動(dòng)分好，再配置mycat4. window下mysql中文亂碼怎么解決？？5. sass - gem install compass 使用淘寶 Ruby 安裝失敗，出現(xiàn) 4046. python - （初學(xué)者）代碼運(yùn)行不起來(lái)，求指導(dǎo)，謝謝！7. 為啥不用HBuilder?8. python - flask sqlalchemy signals 無(wú)法觸發(fā)9. python的文件讀寫問(wèn)題？10. javascript - js 對(duì)中文進(jìn)行MD5加密和python結(jié)果不一樣。
網(wǎng)公網(wǎng)安備