盒陰影沒有出現在雙方

我使用這個CSS代碼框中的影子，但我只在頂部獲得和底部 Look like this 盒陰影沒有出現在雙方

div#blog-pager { 
border-radius: 2px; 
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.35); 
-moz-box-shadow: 0 0 3px rgba(0,0,0,.35); 
box-shadow: 0 0 3px rgba(0,0,0,.35);}

這個CSS樣式沒有陰影樣式

#blog-pager{background:#fff;clear:both;width:auto;padding:20px;line-height:normal;position:relative;display:block;text-align:right;overflow:visible;margin:20px 0 5px 0}

我不知道，如果高於此代碼影響我添加

這個代碼是我的博客：Blog

來源

2016-08-02 youssef elmajbri

添加保證金：2px的，以＃博客尋呼機。因爲＃主包裝有overflow: hidden;

#blog-pager { 
box-shadow: 0px 1px 3px rgba(0,0,0,.35); 
margin: 2px; 
}

來源

2016-08-02 17:21:29 Nehemiah

需要改變你的CSS有點

div#blog-pager { 
    border-radius: 2px; 
    -webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,.35); 
    -moz-box-shadow: 0 0 3px 3px rgba(0,0,0,.35); 
    box-shadow: 0 0 3px 3px rgba(0,0,0,.35); 
}

中的box-shadow每個值意味着

first : offset-x second: offset-y fourth: spread-radius last: color

欲瞭解更多信息read here

來源

2016-08-02 17:13:17

您可以嘗試一些傳播半徑爲4屬性添加到的box-shadow

box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.75);

來源

2016-08-02 17:13:38 RAY

盒陰影沒有出現在雙方

回答

相關問題