Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Ламерские вопросы » Как сделать заголовок с прозрачным фоном по верх картинки

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


     27.08.2011    верстка, css    Все вопросы » Ламерские вопросы    4931

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

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

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


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
Юзер

java - 28 августа 2011 00:36 -

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

ПафНутиЙ
Админ

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

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

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

java
Юзер

java - 28 августа 2011 00:44 -

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

Код half_story.tpl

java
Юзер

java - 28 августа 2011 00:48 -

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

ПафНутиЙ
Админ

ПафНутиЙ - 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
Юзер

bratoz - 28 августа 2011 21:42 -

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

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

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

наверх