0
ポーロイド効果と石工効果を組み合わせて使用して、ポートフォリオページを作成しています。しかし、インターネットエクスプローラやクロムではすべてが視覚的に正しいですが、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;
}