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;
}