[CSS 3] position:fixed et ralentissement safari [Résolu]

[zeclubbeur]

Bonjour

Voilà, j'ai un problème que je ne comprends pas et que je n'avais pas rencontré jusqu'à présent.

J'utilise, pour afficher un petit formulaire de téléchargement, un <div> que j'ai paramétré à l'aide de CSS :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
#modif_photo {
	position:fixed;
	height:auto;
	width:auto;
	left:50%;
	top:50%;
 
	border: solid 1px #333;
 
	background-color:#FFF;
 
	border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
 
	box-shadow: 0px 0px 8px #333;
	-moz-box-shadow: 0px 0px 8px #333;
	-webkit-box-shadow: 0px 0px 8px #333;
	padding:5px;
 
	/*visibility:hidden;*/
	display:none;
}

Mon problème est que sous safari, le scroll rame. Sous ff, je ne m'en était pas aperçu mais il semble que le scroll lag un léger brin.
En revanche, si je remplace le position:fixed par position:absolute, plus aucun souci.
Autre symptôme également, si je mets visibility:hidden au lieu de display:none, ça rame.

J'avoue : je sèche.
Si vous aviez un indice, ça serait chouette.

[zeclubbeur]

Bon, j'ai trouvé.
Pour ceux qui auraient ce problème et qui s'interrogeraient :

Code :

1
2
3
4
5
6
7
border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
 
	box-shadow: 0px 0px 8px #333;
	-moz-box-shadow: 0px 0px 8px #333;
	-webkit-box-shadow: 0px 0px 8px #333;

C'est ça qui fait ramer.
Donc à utiliser avec parcimonie ou en toute connaissance de cause