leito
25.02.2013, 15:20
Всем привет. Вопрос следующий.
Есть flash-background (просто фотка), вписанный в div:
<div style="width:1920px;height:1200px;position:relative; left: center; top: center">
<div id="bg">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="1200" width="1920">
<param name="movie" value="bg.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed height="1200" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="bg.swf" type="application/x-shockwave-flash" width="1920" wmode="transparent">
</object>
</div>
<div style="position:relative; z-index:2;">
Здесь текст поверх
</div>
</div>
css такой:
#bg {
position: absolute;
z-index: 1;
}
Но беда в том, что flash-background (далее фотка) большая и на маленьких мониках видно только левую верхнюю часть (это по умолчанию), а мне нужно чтобы центр фотки был в центре экрана (сейчас её левый угол начинается в 0 0 - в левом углу окна браузера, по умолчанию). Как сделать так чтобы центр фотки начинался в центре окна браузер.
Это я хочу сделать для того, чтобы у кого маленький экран видел центр картинки (самый сок изображения) и при увеличении разрешения (у кого больше экран) картинка увеличивалась от центра, а не от левого некрасивого угла. Что в код добавить? Заранее огромное спасибо!
Есть flash-background (просто фотка), вписанный в div:
<div style="width:1920px;height:1200px;position:relative; left: center; top: center">
<div id="bg">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="1200" width="1920">
<param name="movie" value="bg.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed height="1200" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="bg.swf" type="application/x-shockwave-flash" width="1920" wmode="transparent">
</object>
</div>
<div style="position:relative; z-index:2;">
Здесь текст поверх
</div>
</div>
css такой:
#bg {
position: absolute;
z-index: 1;
}
Но беда в том, что flash-background (далее фотка) большая и на маленьких мониках видно только левую верхнюю часть (это по умолчанию), а мне нужно чтобы центр фотки был в центре экрана (сейчас её левый угол начинается в 0 0 - в левом углу окна браузера, по умолчанию). Как сделать так чтобы центр фотки начинался в центре окна браузер.
Это я хочу сделать для того, чтобы у кого маленький экран видел центр картинки (самый сок изображения) и при увеличении разрешения (у кого больше экран) картинка увеличивалась от центра, а не от левого некрасивого угла. Что в код добавить? Заранее огромное спасибо!