盒阴影没有出现在双方

我使用这个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

盒阴影没有出现在双方

回答

相关问题