Supprimer l'effet overflow hidden

**betadev** · 22/04/2011, 11h56

Bonjour ,

Il s'agit de 2 balises div (div1 en position relative et avec un overflow hidden)
et (div2 à l'intérieure du div1 avec une position absolute)

est-il possible que les parties du div2 ne seront pas masqués à l'affichage (sans toucher au overflow hidden de div1) ?

le code est simple le voici :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<html>
<head>
<style type="text/css">
.div1
{
	width:200px;
	height:200px;
	background-color:#006699;
	position:relative;
	overflow:hidden;	
}
.div2
{
	width:200px;
	height:200px;
	background-color:#99CC00;
	position:absolute;
	top:100px;
	left:100px;
}
</style>
</head>

<body>

<div class="div1">

        <div class="div2">hello</div>

</div>

</body>
</html>

Je ne veut pas toucher au overflow hidden de div1 car dans mon exemple ce n'est pas un div1 mais un jcarousel de jquery , c'est à dire si je vire overflow:hidden le jcarousel ne sera plus fonctionnel.

Ci joint les 2 résultats en image :
resultat_avec_overflow_hidden.png => la page actuelle
resultat_ok.png => le résultat que je veut avoir

Merci

**NoSmoking** · 22/04/2011, 20h37

Bonjour,

est-il possible que les parties du div2 ne seront pas masqués à l'affichage (sans toucher au overflow hidden de div1) ?

pas en laissant la div2 dans la div1.

**betadev** · 24/04/2011, 19h00

Envoyé par NoSmoking

pas en laissant la div2 dans la div1.

Oui ,
merci.

**briceparmentier** · 25/04/2011, 16h15

Salut !

Si on extrapole un peu, en gros tu veux que ton div2 ne soit pas affecté par la propriété overflow: hidden de div2, mais le reste du contenu de div1 devra lui être affecté. C'est ça ?

Si c'est le cas, comme l'a dit NoSmoking, à mon avis ce n'est pas possible en laissant div2 dans div1. De ce fait, la question que tu devrais te poser est : quel est l'intérêt de laisser div2 dans div1 s'il ne doit pas être affecté par les propriétés de div1 ?
Avec CSS tu as moult possibilités pour placer correctement div2 à ta convenance

A+
Brice

**betadev** · 25/04/2011, 19h11

Envoyé par briceparmentier

quel est l'intérêt de laisser div2 dans div1 s'il ne doit pas être affecté par les propriétés de div1 ?

j'été obligé de laisser le div2 dans le div1 car celle ci est un jcarousel jquery dans mon exemple et le div2 est un tooltip dedans.

Enfin , oui comme vous avez dit ce n'est pas possible.

**NoSmoking** · 27/04/2011, 18h38

Envoyé par betadev

j'été obligé de laisser le div2 dans le div1 car celle ci est un jcarousel jquery dans mon exemple et le div2 est un tooltip dedans.

Enfin , oui comme vous avez dit ce n'est pas possible.

si div2 est un tooltip, donc une InfoBulle, elle se doit d'appartenir au document et non à la DIV du carrousel, elle est par contre visible lorsque la souris passe au dessus de celui ci mais basta !

Supprimer l'effet overflow hidden

CSS

Discussions similaires

Partager

Partager