CSS hack pour safari 5

Je suis l'élaboration d'une page web et quand je test pour la croix-navigation essais j'ai obtenu mon style CSS suis en conflit avec mon google chrome et mon safari 5.

mon code pour tous les navigateurs ( firefox, chrome, opera)

.flex-direction-nav-featured a{
       margin-top: 4%;
   }

J'essaie celui-ci, mais il l'habitude de travailler

/* for safari only (wont work)*/
::root .flex-direction-nav-featured a{
    margin-top: 5%;
}
/* for safari only (but works with chrome also)*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
      /* works with sfari and chrome */
   .flex-direction-nav-featured a{
       margin-top: 5%;
   } 

}

Est-il un CSS hack, qui ne vise que Safari 5? J'ai essayé beaucoup de choses, mais aucune n'a fonctionné.

  • Pouvez-vous être plus précis? Ce qui fonctionne dans Chrome? Ce qui ne fonctionne pas dans Safari?
  • Est-ce Safari sur PC?
  • oui, c'est sur safari sur PC et ordinateur portable
  • La bonne solution n'est probablement pas à recourir à la CSS hack. Il est probable que quelque chose d'autre qui est occulté dans le code. c'est à dire. Manquant flotteur, le mauvais affichage, etc. Pouvez-vous fournir plus de source ou un exemple?
  • Un JS Fiddle pourrait être utile ici! Mais bien sûr aussi afficher le code dans le Q car c'est ce qui la Faq de l'état.
InformationsquelleAutor gadss | 2013-04-11
  1. 13

    Vous voudrez peut-être essayer de bloquer chrome via un pseudoclass:

    @media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome */
    .flex-direction-nav-featured a{
        margin-top: 4%;
    } 

    /* Safari only override */
    ::i-block-chrome,.flex-direction-nav-featured a{
        margin-top: 5%;
    } 
}
    InformationsquelleAutor user2550776
  2. 2
    @media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari only override */
    ::i-block-chrome,.flex-direction-nav-featured a {
        margin-top: 5%;
    } 
}
    InformationsquelleAutor Sagar