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

fiddle :http://jsfiddle.net/artpolikarpov/Lj2VA/