Ce que j'essaie de faire, c'est d'avoir un fond en plein écran avec une image radiale par-dessus, sans barres de défilement. Pour l'instant, cela fonctionne plus ou moins bien. Je veux dire par là que le div avec le gradient radial (img) ajoute une barre de défilement même avec overflow : hidden.
html {
background: url(background.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover
}
#glow{
width:1043px;
height:763px;
position:absolute;
left:50%;
top:50%;
background-image: url('outer_glow.png');
margin-left:-543px; /* Negative half the width*/
margin-top:-381px; /* Negative half the height */
overflow: hidden;
}Ce que j'essaie de faire, c'est que si l'image radiale est trop grande, il suffit de la couper et de la centrer. Mais actuellement, il montre toujours une barre verticale dans mon navigateur. html ci-dessous
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="styleit.css" rel="stylesheet">
<title>Title</title>
</head>
<body>
<div id="glow"></div>
</body>
</html>
