Не нравятся результаты поиска? Попробуйте другой поиск!

DLE FAQ » Все вопросы » Стили (CSS) » Перекрытие стилями всего содержания новости

Перекрытие стилями всего содержания новости

Gopr 08.10.2013 Все вопросы » Стили (CSS) 2442

вопрос

Нужно наложить поверх всего содержимого новости css слой. Этот слой перекрывает текст, картинки и видео.
Вроде как склепал, но не могу добиться необходимого эффекта... Не как не получается подогнать слой по высоте содержимого новости.
На данный момент выглядит все так, из за height.
Демо

Показать / Скрыть текст

<h2>Заголовок новости</h2>
<div class="excerpt">
<div style="position: absolute;width: 640px; height: 50%; background-color: rgb(85, 85, 85); opacity: 0.5; z-index: 99; "></div>
<div>
Новость, и ее текст<br/>
Картинка:<br/><img src="http://dle-faq.ru/templates/newfaq/assets/img/logo270.png"  alt="" />
</div>
<div></div>
<a href="#">Полная новость</a></div>

Нужно так демо

Показать / Скрыть текст

<h2>Заголовок новости</h2>
<div class="excerpt">
<div style="position: absolute;width: 640px; height: 102px; background-color: rgb(85, 85, 85); opacity: 0.5; z-index: 99; "></div>
<div>
Новость, и ее текст<br/>
Картинка:<br/><img src="http://dle-faq.ru/templates/newfaq/assets/img/logo270.png"  alt="" />
</div>
<div></div>
<a href="#">Полная новость</a></div>

Как сделать height пропорционально содержимому чтобы слой не перекрывал ссылку на полную новость?

Ответа пока нет

5 комментариев

Админ

3457

ПафНутиЙ - 2014-11-108 октября 2013 11:23 - #17643

Расчитывайте высоту средствами js и добавляйте соответствующему блоку

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

494

Gopr - 2014-11-108 октября 2013 12:12 - #17645

Поможете реализовать?

Юзер

coolteams - 2014-11-109 октября 2013 23:45 - #17693

.excerpt {background:rgba(0,0,0,0.6)}

Юзер

494

Gopr - 2014-11-1012 октября 2013 16:03 - #17795

Нужно не закрашивать excerpt, а наложить по верх него слой с background. Так чтобы этот слой был пропорционально равен высоте excerpt. Перепробовал достаточно много скриптов, но так и не получилось - так как плохо знаю js

Юзер

494

Gopr - 2014-11-1012 октября 2013 18:10 - #17798

Допилил средствами css!

Похожие вопросы

Динамическое изменение размера шаблонов shortstory.tpl

05.04.2012 enterlive Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS), Хаки

Помогите настроить всплывающее меню

04.07.2012 Lady Стили (CSS)

Как задать ширину области для картинок

07.07.2012 Sobak Стили (CSS)

Слайдер

16.07.2012 5centr5 Шаблоны (TPL), Стили (CSS)

Как сделать если не хватает места таблицу переносило на левую сторону от стрелки

18.10.2012 travelmate Стили (CSS)

В engine.css нужно ли это "Выделение текста и всплывающее окно (поделиться ссылкой)"??

09.02.2014 feniks01 Стили (CSS)

Рейтинг только на CSS

11.02.2014 enterlive Стили (CSS)

Помогите исправить верстку слайдера

10.06.2014 logru Общие вопросы по вёрстке, Стили (CSS)

Выпадающее меню в шаблоне, как срастить?

10.11.2014 jekonya Стили (CSS)

Последние события

mondolfo | Как вывесит в comments.tpl картинку с но ... ⁷

mondolfo
Как вывесит в comments.tpl картинку с новости?
Вчера, 23:42

кто-нибудь решил эту?
Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
22-11-2024, 17:08

Разъясните как вытащить id?
lutskboy | Вытащить все данные из определенного доп ... ¹

lutskboy
Вытащить все данные из определенного доп поля?
22-11-2024, 16:17

в adminer можно.

lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
22-11-2024, 16:14

выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
js скрипт можно написать


<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег

Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
22-11-2024, 14:39

Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
22-11-2024, 13:52

где выводить? админка или сайт
TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
21-11-2024, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

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

наверх