Question

我试图将Fotorama上的左右箭头对齐到顶部。我已经设法在chrome，firefox等中完成它，但它在所有版本的IE中对齐垂直中心。我已经尝试了我所知道的一切（不是对JS的了解）而我似乎无法做到：（

如果有帮助的话，我已经包含了我编辑过的CSS？

.fotorama__arr {
    display: block;
    position: absolute;
    font-family: sans-serif;
    width: 44px;
    text-align: center;
    z-index: 10;
    color: white;
    opacity:1;
    -webkit-transition-property: opacity, margin;
    -moz-transition-property: opacity, margin;
    -o-transition-property: opacity, margin;
    transition-property: opacity margin;
    font-size: 30px;
    top: 6px;
    text-shadow: black 0 0 5px;
    cursor: pointer;
    font-style: normal!important;
    -webkit-tap-highlight-color: rgba(255,255,255,0.15)
}

非常感谢乔

Answer 1

我相信这个添加应该有效：

.fotorama__arr {
    top: 0 !important;
    margin-top: 0 !important;
}

小提琴：http://jsfiddle.net/artpolikarpov/Lj2VA/

Fotorama在所有浏览器中顶部对齐箭头？在IE中不工作:(

1 个答案: