прозрачный фон

]-[иколай · January 26, 2009

Всех приветствую

Столкнулся с проблемой, нужно сверстать страничку таким образом:

1. в самом низу лежит растянутая на весь экран картинка

2. на ней блок с полупрозрачным фоном

пишу вот такой код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<title>
			test
		</title>
		<style type="text/css">
			html, body {
				margin: 0;
				padding: 0;
			}
			#background_image {
				z-index: -1;
				position: fixed;
				width: 100%;
				height: 100%;
				left: 0%;
				top: 0%;
				opacity: 0.40;
			}
			#container {
				z-index: 1;
				position: absolute;
				width: 70%;
				height: 100%;
				left: 15%;
				top: 0%;
			}
			#background {
				position: fixed;
				width: 70%;
				height: 100%;
				left: 15%;
				top: 0%;
				background-color: #000000;
				opacity: 0.10;
			}
			#main {
				padding: 10px;
				background-color: transparent;
			}
		</style>
	</head>
	<body>
		<div>
			<img src="img/system/background.jpg" id="background_image" alt="background image" />
		</div>
		<div id="container">
			<div id="background">
				 
			</div>
			<div id="main">
				<p>
					<h1>test</h1>
				</p>
			</div>
		</div>
	</body>
</html>

В FF все прекрасно... в IE я даж не заглядываю

но вот почему-то в опере текст выделен цветом... как будто background-color не transparent...

Благодарю за помощь!

Edited January 27, 2009 by ]-[иколай

]-[иколай · January 27, 2009

Вот тут можно вживую посмотреть...

http://own-sky.ho.ua/test/

ZoNT · January 27, 2009

У меня в Опере всё нормально.

А зачем такое извращение в дивом и картинкой, если можно просто боди задать бэкграунд???

]-[иколай · January 27, 2009

У меня в Опере всё нормально.
А зачем такое извращение в дивом и картинкой, если можно просто боди задать бэкграунд???

Wow! странно... специально скачал последнюю оперу, а фон текста виден почему-то...

можно скриншон, если не затруднит?

Бэкграунд для боди невозможно растянуть на всю страницу! поэтому такое извращение...

Edited January 27, 2009 by ]-[иколай

ZoNT · January 27, 2009

Бэкграунд для боди невозможно растянуть на всю страницу! поэтому такое извращение...

html, body {

width: 100%;

height: 100%;

}

не катит?

]-[иколай · January 27, 2009

html, body {
width: 100%;
height: 100%;
}
не катит?

спасибо за скрин. значит чтото с моей оперой... надо переставить с нуля ее...

Разумеется, не катит

картинка фоновая будет не растянута, а размножена при таком подходе, а нужно именно растянуть.

ZoNT · January 27, 2009

спасибо за скрин. значит чтото с моей оперой... надо переставить с нуля ее...
Разумеется, не катит
картинка фоновая будет не растянута, а размножена при таком подходе, а нужно именно растянуть.

Ну если нужно растянуть, тогда да (фон не тянется).

Sign In

прозрачный фон

Question

]-[иколай

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

]-[иколай

Link to comment

Share on other sites

ZoNT

Link to comment

Share on other sites

]-[иколай

Link to comment

Share on other sites

ZoNT

Link to comment

Share on other sites

]-[иколай

Link to comment

Share on other sites

ZoNT

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information