Flash mit Website im Hintergrund

[Skyhead]

Hi Leute,

wie bekomme ich es hin, dass ich ein Flash (swf) intro in meine Website einbinde. Wobei ich beim starten des Intros meine Website im Hintergrund schon sehen kann, und diese nur mit einem Schwarz-transparentem Bild bedekt ist? Ich hoffe ich hoffe ihr versteht was ich vor habe. Schonmal vielen dank für jede Hilfe.

Mfg Sky

 

[threadi]

Lege das Flash in einem Flyout über die Seite. Flyout heißt: ein Blockelement, welches absolut oder fixiert über der Seite positioniert wird. Parallel dazu erstellst Du noch ein Blockelement, welches die gesamte Höhe und Breite des Viewports einnimmt ("height: 100%;width: 100%;" bei html, body und diesem Element) und eine transparenz erhält (z.B. per CSS oder auch als Hintergrundgrafik 1x1 Pixel groß).

 

[Skyhead]

Irgendwie verstehe ich noch nicht ganz, was ich wo ändern muss. Habe mal meine Website grob abgebildet:

<div id="container">
	<div id="kopfbereich">
		<div id="klickpfad">
		</div>
	</div>
	<div id="container_2">
			<div id="container_3">
				<div id="steuerung">
					<div class="navi">
					</div>
					<div class="navi_bot"></div>
				</div>
				<div id="inhalt">
				</div>
			</div>
	</div>
  <div id="fussbereich">
  </div>
</div>

dazu dann noch meine css datei:

html {
	background-color: #FFFFFF;
	height: 100%;
}

body {
	background-image: url('../bilder/hintergrund.jpg');
	background-position: left top;
	background-repeat: repeat-x;
	height: 100%;
	position: relative;
	margin: 0 0 0 0;
}

html>body {
	min-height: 100%;
	height: auto;
}

* {
	margin:0;
	padding:0;
}

#container {
	width: 1000px;
	margin: 0 auto;
	padding-top: 10px;
}

#kopfbereich {
	padding: 0px;
	background-image: url('../bilder/Header.png');
	background-repeat: no-repeat;
	height: 235px;
}

#klickpfad {
	padding-top: 210px;
	padding-left: 350px;
}

#container_2 {
	width: 1000px;
	background-image: url('../bilder/background.png');
	background-repeat: repeat-y;
	padding: 0px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	overflow: hidden !important;
	margin: 0 0 0 0;
}

#container_3 {
	background-image: url('../bilder/navi_top.png');
	background-repeat: no-repeat;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	overflow: hidden !important;
	margin: 0 0 0 0;
}

#inhalt {
	margin-top: 20px;
	margin-left: 232px;
	margin-right: 20px;
	padding: 0px;
}

#steuerung {
	float: left;
	width:202px;
	padding: 0px;
	margin-top: 66px;
}

.navi {
	height: auto;
	background-image: url('../bilder/navi_background.png');
	background-repeat: repeat-y;
	padding-left: 20px;
}

.navi_bot {
	background-image: url('../bilder/navi_bottom.png');
	background-repeat: no-repeat;
	height: 66px;
}

#fussbereich {
	clear: both;
	padding: 0px;
	background-image: url('../bilder/footer.png');
	height: 41px;
}

Mfg Sky