|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
10.08.2017, 07:22 | #1 |
Форумчанин
Регистрация: 14.10.2016
Сообщений: 406
|
Как правильно обратиться к css классу
Подскажите пожалуйста, пытаюсь обратиться к классу .gamma-description-wrapper через jq для изменения background
Код HTML:
$('.gamma-description-wrapper').css({ 'background': 'rgba(0,0,0,0.7)' }); Вот разметка Код HTML:
<div class="gamma-single-view" style="display: block;"> <div class="gamma-options gamma-options-single"> <div class="gamma-buttons"> <button class="gamma-btn-close"></button> <button class="gamma-btn-ssplay"></button> </div> </div> <nav class="gamma-nav"><span class="gamma-prev"></span><span class="gamma-next"></span></nav> <div class="gamma-description-wrapper"> <div class="gamma-description" style=""> ::before <h3>Sky high</h3></div> </div> <img src="" style=""> </div> Код HTML:
.gamma-description { background: #fff; background: rgba(255, 255, 255, 0.6); position: absolute; top: 20px; left: 20px; bottom: 20px; right: 20px; text-align: center; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; font-family: 'Lato', Calibri, Arial, sans-serif; font-size: 18px; color: #fff; transition: opacity 0.4s ease-in-out; } .no-touch .gamma-gallery li:hover .gamma-description { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 1; } .gamma-description:before { content: ''; height: 100%; } .gamma-description:before, .gamma-description h3 { display: inline-block; vertical-align: middle; } .gamma-description-wrapper { background: rgba(0,0,0,0.7); position: absolute; bottom: 0px; left: 0px; right: 0px; z-index: 10; padding: 5px 0; }
Еду медленно, но верно!
|
10.08.2017, 12:51 | #2 |
Форумчанин
Регистрация: 14.10.2016
Сообщений: 406
|
С background в .gamma-description-wrapper вопрос решил, но возник следующий)
Как поменять colore у Sky high? Код HTML:
<div class="gamma-description" style=""> ::before Sky high </div> Код HTML:
.gamma-description:before { content: ''; height: 100%; }
Еду медленно, но верно!
|
10.08.2017, 23:37 | #3 | |
Старожил
Регистрация: 12.11.2010
Сообщений: 8,568
|
Напишите, как вы это сделали. Это будет полезно окружающим.
Цитата:
Насколько я знаю, напрямую воздействовать на псевдоэлементы через js/jq невозможно. Я бы посоветовал сделать так. Код:
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
CSS: как обратиться к элементу? | Fenex | HTML и CSS | 1 | 02.03.2012 15:01 |
Как из класса B обратиться к классу A, владеющему классом B? | Ferrum26 | Общие вопросы Delphi | 14 | 24.06.2010 09:46 |
как в .js файле обратиться к css стилю | Ruska882009 | HTML и CSS | 0 | 10.04.2009 14:51 |
Как правильно обратиться к таблице DACL? | DRX_ | Общие вопросы Delphi | 2 | 11.02.2009 14:27 |
Обратиться к классу (Delphi) | Air | Помощь студентам | 16 | 17.07.2008 19:51 |