Autor |
Nachricht |
soy
Threadersteller
Dabei seit: 04.11.2011
Ort: Münsterland
Alter: -
Geschlecht:
|
Verfasst Mo 14.11.2011 13:40
Titel DIV bei Klick ausblenden |
|
|
Hallo,
ich arbeite gerade an einem DIV, der beim öffnen der Seite das gesamte Browserfenster einnimmt, und sobald ich auf den Button klicke sich ausblendet. Sozusagen sagt der Button "OK GO" und dann öffnet sich die Seite. Mein Code:
Code: | <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
body {margin: 0; padding: 0;}
#overlay {
background: #000000;
width: 100%;
height: 100%;
display: block;
}
#start {
position:absolute;
margin:-175px 0px 0px -175px;
top: 50%;
left: 50%;
width: 350px;
height: 350px;
}
</style>
</head>
<body>
<!-- START-DIV -->
<div id="overlay">
<div id="start">
<a href="javascript:ein_ausblenden('start')"><img src="img/start.png" title="Ich Will" /></a>
</div>
</div>
<!-- START-DIV ENDE -->
<!-- START-DIV Javascript -->
<script type="text/javascript">
function ein_ausblenden(wert){
if(document.getElementById(wert).style.display == "none"){
document.getElementById(wert).style.display = "block";
}else{
document.getElementById(wert).style.display = "none";
}
}
</script>
</body>
</html> |
Das mit dem Klick-Event funktioniert, aber der DIV #overlay ist einfach nicht sichtbar! Ich möchte aber ja den restlichen Seiteninhalt abdunkeln! Wo ist mein Fehler?
Braucht #overlay etwas, an das sich die width und height 100% orientieren können?
Grüße,
Soy.
|
|
|
|
|
DesignKater
Dabei seit: 26.06.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 14.11.2011 14:25
Titel
|
|
|
position:absolute; für overlay ergänzen.
|
|
|
|
|
Anzeige
|
|
|
soy
Threadersteller
Dabei seit: 04.11.2011
Ort: Münsterland
Alter: -
Geschlecht:
|
Verfasst Mo 14.11.2011 15:09
Titel
|
|
|
Klasse, das war ja einfach.
Falls das jemand mit der Forensuche findet o.ä., und sich fragt, warum die Lösung funktioniert, kann es wie ich hier nachlesen: http://www.css4you.de/position.html
|
|
|
|
|
|
|
|
Ähnliche Themen |
1 klick = 1 frame öffnen + layer ein-/ausblenden?
[Javascript] Mehrere Ebenen mit einem Klick ausblenden?
1 klick 2 adressen
pdf per klick drucken
Layer Problem klick
Layout per Klick ändern
|
|