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

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/