Затемнение

Mr.Black · November 21, 2010

Можно средствами ксс и хтмл создать затемнение фона http://www.radikal.ru/action.aspx (в рамке)???

deadrash · November 21, 2010

Можно средствами ксс и хтмл создать затемнение фона http://www.radikal.ru/action.aspx (в рамке)???

Картинка не открывается, скиньте сюда http://itmages.ru/

Mr.Black · November 21, 2010

http://itmages.com/image/view/80119/5b5dcb77 - скинул

deadrash · November 21, 2010

Можно конечно, полупорозрачноую картинку подсвечивать снизу бакграунд-колором, но переход от одного состояния к другому будет не плавный. Да и вообще интересно узнать а при каком условии цвет должен меняться?

eyexal · November 22, 2010

Наверное автор имел ввиду как сделать тень ?

Mr.Black · November 22, 2010

Подойде к вопросу немного иначе ,как мне реализовать такой фон http://img20.imageshack.us/img20/5391/62691343.png ???

Edited November 22, 2010 by Mr.Black

deadrash · November 22, 2010

Конечно можно сделать box-shadow но с таким градиентом сверху вниз, один фиг придётся придумывать сложную нарезку и разположение фона. Даже не знаю что и предложить

Mr.Black · November 22, 2010

и я о том же....

eyexal · November 23, 2010

Что-то вроде этого

оборачиваешь твой основной враппер с контентом в два дива, для первого дива ставишь паддинг и беграунд с тенью слева , второму диву тоже самое только для правой стороны

паддинг не даст наехать контенту на тень

Edited November 23, 2010 by eyexal

Mr.Black · November 23, 2010

eyexal, у меня получилось получше ,оцените ,может что нибуть переделать...

<style>

*{margin: 0;padding: 0;}

body {
	background: #afb0b0;
}

#wrapper {margin: 0 auto;width: 864px;}

#bg_top {
background: url("file:///C:/Users/Admin/Desktop/std/bg_top.png") no-repeat;
height: 20px;
margin-top:15px;
}

#bg_middle {
background: url("file:///C:/Users/Admin/Desktop/std/bg_middle.png") repeat-y;
position: relative;
}

#content {
background: #cecece;
border: 1px solid #8e9090;
position: relative;
margin: 0 25px;

}

#bg_bottom {
background: url("file:///C:/Users/Admin/Desktop/std/bg_bottom.png") no-repeat;
height: 20px;
margin-bottom:15px;
}

</style>
<body>
<div id="wrapper" >
<div id="bg_top" ></div>
<div id="bg_middle" ><img src="file:///C:/Users/Admin/Desktop/std/bg_gradient.png" height="100%" width="848px" style="position:absolute;left:8px;" alt="Градиент" />
<div id="content" >
1213<br/>1213<br/>1213<br/>1213<br/>1213<br/>1213<br/>1213<br/>1213<br/>1213<br/>1213<br/>1213<br/>1213<br/>1213<br/>1213<br/>
</div>
</div>
<div id="bg_bottom" ></div>
</div>
</body>

http://img230.imageshack.us/img230/4741/78317108.png - скрин

Есть вопрос!Как видите градиент я поставил в імг чтоб он отображался на 100% ,как мне зделать чтоб его нельзя было виделить так как и бекграунд http://img17.imageshack.us/img17/5241/19726644.png ???

Sign In

Затемнение

Question

Mr.Black

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

deadrash

Link to comment

Share on other sites

Mr.Black

Link to comment

Share on other sites

deadrash

Link to comment

Share on other sites

eyexal

Link to comment

Share on other sites

Mr.Black

Link to comment

Share on other sites

deadrash

Link to comment

Share on other sites

Mr.Black

Link to comment

Share on other sites

eyexal

Link to comment

Share on other sites

Mr.Black

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information