4 / 4 / 3
Регистрация: 18.01.2011
Сообщений: 206
1

Наложение "тени" на страницу с исп. CSS

06.05.2015, 18:47. Показов 317. Ответов 0
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
Я тут курс скачал в инете, дали задание сделать затенение как в vk.com и других сайтах, когда просматриваешь фото, видео и т.д.
В общем "тень" то я сделал а hover элемент тоже затеняется(хоть и z-index выше чем у затенения).

Как сделать правильно? у меня даже статично не получается сделать. какой там ховер.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style> 
        body{
            background-color: #000;
            -webkit-filter:opacity(0.2);
            position:relative;
            width:100%;
            height:100%;
            z-index:99;
        }
        img{
            width:320;
            height:240;
            float:left;
        }
        img:hover{
            z-index:100;
        }
    </style>
</head>
<body>
    <div><img src="kremlin01.jpg" alt=""></div>
    <div><img src="kremlin02.jpg" alt=""></div>
    <div><img src="kremlin03.jpg" alt=""></div>
</body>
</html>
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
06.05.2015, 18:47
Ответы с готовыми решениями:

Тени CSS
Помогите воспроизвести данную обводку/тени любым спомобом шрифт 'Oleo Script'

CSS тени в таблице при наведении
Такая вот простая таблица + Css3 тени при наведении мышью. http://play-mario.ru/2.html Как...

Тени в CSS или что-то типа того
Всем привет :) Нужна помощь в CSS, вот собственно проблема. Заранее спасибо! :)

Вёрстка тени для текста с помощью CSS
Ребят всем привет! Помогите пожалуйста сделать длинную тень к тексту? Вот картинка как должно быть

CSS наложение слоев
#main { width: 800px; margin: 0 auto; min-height: 80%; height: 80%; background-color: #222;...

0
06.05.2015, 18:47
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
06.05.2015, 18:47
Помогаю со студенческими работами здесь

Наложение картинок через css
Подскажите пример как сделать наложение картинок используя html страницу и отдельно css

Наложение одной картинки поверх другой-CSS
Помогите, пожалуйста, как здесь картинку 2.png наложить поверх $images: &lt;a href=&quot;#&quot;...

Вытянуть страницу по вертикали / CSS
Здравствуйте форумчане. Я столкнулся с проблемой, не могу выставить высоту странице в 100%. ...

На html страницу не загружаются css стили
В resources папке в подпапке templates лежит html-страница. А так же в resources в static создана...

Как правильно вставить CSS в страницу?
Проделала по инструкции: В functions.php темы вставила код: &lt;?php function cs_shortcode($atts,...

Небольшая страницу, структура, css, html
Здравствуйте! Помогите сделать небольшую страницу. Для вас может быть пару минут. Главная...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru