2016-11-23 40 views
0

我正在使用宝石效果结合砌体效果来构建投资组合页面。然而,尽管在IE浏览器和Chrome浏览器中,所有内容在视觉上都是正确的,但是在firefox中,宝丽来显示不正确,特别是当它们切换列时。在firefox中无法正确显示宝丽/柱子

https://jsfiddle.net/chris2001/atu52840/

/*portfolio */ 

#projects { 
line-height: 0; 
-webkit-column-count: 2; 
-webkit-column-gap: 0px; 
-moz-column-gap: 0px; 
-moz-column-count: 2; 
column-count: 2; 
column-gap: 0px; 
} 

#projects img { 
width: 100% !important; 
height: auto !important; 
} 

#projects a { 
    margin-bottom: 0px; 
background: yellow; 
display: inline; 
float: left; 
margin: 0 10px 10px; 
padding: 10px 10px 35px; 
text-align: center; 
text-decoration: none; 
-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3); 
-moz-box-shadow: 0 4px 6px rgba(0,0,0,.3); 
box-shadow: 0 4px 6px rgba(0,0,0,.3); 
z-index:0; 
    position:relative; 

    } 

#projects a:after { 
color: #333; 
font-size: 20px; 
content: attr(title); 
position: relative; 
top:15px; 
} 

回答