css - Safari 固有の CSS ハックが必要

Question

Safari 6-9 バージョンを対象とし、これには特定の css が必要です。

Safari 7 および 8 の CSS を以下で試しましたが、Safari 9 にも適用されています。

_::-webkit-full-page-media, _:future, :root .sellerInfo {
    top: 12%;   /* For safari 7 & 8 but coming on 9 as well */
}

Safari 9 の 2 つのハックに従ってみましたが、上記のハックは 9 で以下を上書きします

@supports (overflow:-webkit-marquee) and (justify-content:inherit) {
    .sellerInfo {
        top: 50%;   /* For safari 9 */
    }
}

_::-webkit-:not(:root:root), div.sellerInfo {
    top: 50%; /* For safari 9 */
}

サファリで次のことも試しましたが、6と7では機能し、8では機能しません

@media screen and(-webkit-min-device-pixel-ratio:0) and (min-color-index:0) {
    .sellerInfo{(;    /* for Safari 6 n 7 */
        top: 12%;
    );}
}

どんな助けもかなりのものです。