Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Ламерские вопросы Как сделать заголовок с прозрачным фоном по верх картинки

Как сделать заголовок с прозрачным фоном по верх картинки


     27.08.2011    Ламерские вопросы    3581

вопрос
Как уже спрашивали на вашем сайте в одной из тем, ка сделать так:

буду очень благодарен помощи.

Ответил: ПафНутиЙ


h3 {
background: rgba(0, 0, 0, 0.80); /*прозрачность будет работать только в нормальных браузерах, для ie7 и ниже нужно ставить однопксельную полупрозрачную картинку */
width: 100%;
font: normal 16px/24px Verdana, sans-serif;
position: absolute;
bottom: 10px;
left: 0;
}
ну и соответственно, прописываем для родительскoго блока position: relative;

Комментарии пользователей (6)

java
15 | 15

java - 28 августа 2011 00:36 - Юзер

Спасибо, но не совсем догадываюсь как или где прописать position: relative;
если я использовал half_story.tpl (и on_cat_story.tpl)

ПафНутиЙ
1065

3396 | 2434

ПафНутиЙ - 28 августа 2011 00:37 - Админ

код дайте посмотреть, скажу куда воткнуть.

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

java
15 | 15

java - 28 августа 2011 00:44 - Юзер

Этими дивами?
<DIV style="position:relative;">
</div>

Код half_story.tpl

java
15 | 15

java - 28 августа 2011 00:48 - Юзер

Оказалось в полной новости блок титла и гуляет по середине страницы

ПафНутиЙ
1065

3396 | 2434

ПафНутиЙ - 28 августа 2011 09:47 - Админ

[xfgiven_image]<div class="img_wrap">[full-link]<img src="[xfvalue_image]" alt="{title}" width="430" height="250" border="0">[/full-link]<h3>{title}</h3><
/div>[/xfgiven_image]

CSS
.img_wrap {position: relative;}

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

bratoz
1

154 | 142

bratoz - 28 августа 2011 21:42 - Юзер

Ооо) моя картинка))

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

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