Div sous Safari

**Nesales** · 15/07/2014, 15h14

Bonjour à tous.

J'ai un problème d'affichage sous Safari, j'ai mis une image dans une div mais sous ce navigateur, l'image passe au premier plan, comme si elle se posée sur le cadre : Nom : Capture.JPG
Affichages : 118
Taille : 32,8 Ko

Nom : Capture.JPG
Affichages : 118
Taille : 32,8 Ko

Et voici mon code html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
#container_slide{
    max-width: 500px;
    max-height: 340px;
    position : relative;
    margin : 0 auto;
    border-radius: 90px;
    border: 30px solid #353535;
    overflow:hidden;
}
#container_slide img{
    max-height : 340px;
}

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<body>
    <div id="container_slide">
        <img id="image" src="te1.jpg" alt="image" usemap="#testmap">
    </div>
</body>
</html>

Merci d'avance à tous

**Bovino** · 15/07/2014, 16h02

Je comprends pas trop où se situe ton problème...

Si tu mets une balise <img> dans une balise <div>, l'image se situe "au-dessus" de la div, c'est le comportement normal attendu pour ce type de structure HTML et ça n'a rien de spécifique à Safari...

**NoSmoking** · 15/07/2014, 23h07

Bonjour,

Envoyé par Bovino

Je comprends pas trop où se situe ton problème...

sous Safari le border-radius ne s'applique pas (ne masque pas) au contenu contrairement aux autres navigateurs.
Le plus simple à faire est de reporter le border-radius sur l'image.

**Nesales** · 21/07/2014, 10h10

J'ai mis un border-radius sur l'image et oui ça à résolu mon problème je n'y ai pas pensé ^^".

Merci pour vos réponses !!

Div sous Safari

CSS

Vue hybride

Discussions similaires

Partager

Partager