CSS3:白线不应该在里面带图标的按钮?

时间:2012-10-25 11:11:43

标签: html5 css3

这是一个屏幕抓取,您可以在图标顶部看到一条白线,其中以红色箭头显示?

我已经检查过Illustrator,没有白线?图标大小为20x宽x 15px高。

align top http://www.kerrydeaf.com/line.png

按钮的CSS3代码:

.blue_small {
height: 40px;
width: 40px;
margin-left:16px;
margin-bottom:6px;
background-color:#003F5F;
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
border-radius: 50%;
border: 3px solid #fff;
-webkit-box-shadow: 0px 2px 6px rgba(64,80,85,0.8);  
box-shadow: 0px 2px 6px rgba(64,80,85,0.8);}

该部分的更新HTML5,我已经包含 css / normalize.css ,但它没有任何区别:

      <button class="blue_small"></button>

这显然是一个小问题,我不知道如何摆脱它?

解决: with background:url(../ images / index_video_small2.svg)no-repeat left 5px top 7px;

align top http://www.kerrydeaf.com/line_ok.png

0 个答案:

没有答案