Просмотр полной версии : Как по средствам CSS... ?
Jack William Daniels
18.09.2011, 19:03
Как средствами CSS сделать притемнение (затемнение) картинки в краткой новости. Как вариант сделать картинки (черно белыми или немного прозрачными (эффект наложеного фона).
?
XtenD-Vas
18.09.2011, 19:50
opacity
Определяет уровень прозрачности элемента веб-страницы. При частичной или полной прозрачности через элемент проступает фоновый рисунок или другие элементы, расположенные ниже полупрозрачного объекта.
Свойство opacity действует на все дочерние элементы, например, при добавлении к <div> не только фон, но и текст внутри изменит прозрачность.
Синтаксис
opacity: значение
Значения
В качестве значения выступает число из диапазона [0.0; 1.0]. Значение 0 соответствует полной прозрачности элемента, а 1, наоборот — его непрозрачности. Дробные числа вида 0.6 устанавливают полупрозрачность. Допускается писать числа без нуля впереди, вида opacity: .6.
http://htmlbook.ru/css/opacity
Jack William Daniels
18.09.2011, 20:22
вопрос был как. ? т.е нужен конкретный код или его разновидность. с прменением элемента. или еще каким нить способом
Demon_Sk8er
18.09.2011, 22:32
Так, зайди сюда http://htmlbook.ru/css/opacity там есть примеры.
Пример -
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>opacity</title>
<style type="text/css">
IMG.semi {
opacity: 0.5; /* Полупрозрачность элемента */
}
</style>
</head>
<body>
<p>
<img src="images/igels.png" alt="Обычный рисунок" />
<img src="images/igels.png" alt="Полупрозрачный рисунок" class="semi" />
</p>
</body>
</html>
Вот что получилось -
Jack William Daniels
18.09.2011, 22:58
впн нет. сейчас. поэтому тут и пишу. был бы давно узнал что да как.
нужно для всех элементов в краткой новости. не только прозрачность но и например что бы фото меняло цвет гамму становилось черно белым или любым другим цветом или наложенным спец фоном для него. при наведении на него проявлялся цвет.
Demon_Sk8er
19.09.2011, 21:07
Смотри -
Jack William Daniels
19.09.2011, 21:22
спасибо.
правдо не css. но попробую можеть устроит. как раз нашол в запасниках код с css. буду ковырять что то да получится.
:)
Demon_Sk8er
19.09.2011, 23:57
в js реализовать это будет легче. =)
Jack William Daniels
20.09.2011, 00:26
не люблю биюлиотеку jquery соотвественно и к яве отношусь.
стороннее впихивать в код не нравится, подключать что то.
нравится чистота.
vBulletin® v3.6.3, Copyright ©2000-2024, Якутск-Online. Перевод: zCarot