2016-11-23 56 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; 
} 

回答

相關問題