VPF::div с фоном поверх изображения - Форум программистов

ashenemy

Дата 31.3.2009, 15:07 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 155
Регистрация: 7.11.2006

Репутация: нет
Всего: нет

Есть код

Код


    <style>

        div.anons{
            width:250px;
            height:250px;
            padding:5px;
            float:left;
        }
        div.anonstitle{
            background:url(bg.png);
            color:#fff;
            text-align:center;
            z-index:900;
            margin-top: -50px;
            
        }


    </style>

    <div class="anons">
        <div class="fon">
            <img src="1.jpg" width=250 class="img" />
        </div>
        <div class="anonstitle">Название</div>
    </div>

нужно чтобы anonstitle выходил поверх изобюражения
сейчас выводится только текст фона не видно, самое интересное, что осел корректно реагирует, вот фокся нет, исправить можно как то?

NDenis

Дата 31.3.2009, 17:07 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 317
Регистрация: 14.12.2007

Репутация: 8
Всего: 8

а если дополнить так:

Код


div.anons{
            background:url(1.jpg) repeat 0 0;
            width:250px;
            height:250px;
            padding:5px;
            float:left;
        }

ashenemy

Дата 31.3.2009, 17:28 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 155
Регистрация: 7.11.2006

Репутация: нет
Всего: нет

Цитата(NDenis @ 31.3.2009, 17:07)

а если дополнить так:

Код


div.anons{
            background:url(1.jpg) repeat 0 0;
            width:250px;
            height:250px;
            padding:5px;
            float:left;
        }

К сожалению, не помогает, может какой нить скрипт решить может проблему?

WebMast

Дата 31.3.2009, 21:22 (ссылка)

(нет голосов)

Загрузка ...

Front-end developer

Профиль
Группа: Участник
Сообщений: 105
Регистрация: 1.1.2009
Где: Беларусь

Репутация: 2
Всего: 2

Можешь попробывать так:

Код


<div id="anons">
<div class="anonstitle">
      text поверх фона
</div>
<img src="fon.jpg" />
</div>

Код


#anons{
    position:relative;
}
#anons img{
    position:absolute;
    top:0;
    left:0;
    z-index:50;
    width:100%;
    height:100%;
}
#anons .anonstitle{
    position:absolute;
    top:0;
    left:0;
    z-index:300;
}

CSS настроишь сам, под себя.

Информация от сюда.

--------------------

Личный Блог Евгения ЖлобоРасширение vkleaner для Google Chrome

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »