Hallo Leute,
ich habe gerade ein kleines Problem. Ich möchte, dass auf meiner Homepage ein Hintergrund rotiert wird. Dass dies richtig funktioniert muss der Hintergrund größer sein, als die Homepage an sich ist. Doch werden trotz
overflow:hidden die scrollbars angezeigt.
Hier mal mein Code:
Quote:
PHP Code:
#rotate{
position:absolute;
z-index:1;
height:300%;
width:300%;
border-radius:300%;
border-color:red;
background:url(test.png);
image-align:center;
left:-80%;
top:-80%;
overflow:hidden;
}
Quote:
PHP Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01/EN">
<html><head><title>Rotations-Test</title>
<link rel="stylesheet" type="text/css" href="rotate.css">
<script src="jquery-1.7.2.js" type="text/javascript"></script>
<script src="jqueryrotate.js" type="text/javascript"></script>
<script src="rotate.js" type="text/javascript"></script>
</head>
<body>
<div id="rotate">
</div>
</body>
</html>
Quote:
PHP Code:
$("document").ready(function() {
var angle = 0;
setInterval(function(){
angle+=0.02;
$("#rotate").rotate(angle);
},50);
})
Falls ihr Ideen habt, wie ich diese Scrollbars weg bekomme wäre ich sehr dankbar.
mfg
Marcel
