Проблема с изображением PNG поверх изображения в CSS? - PullRequest
Новая
       9

Проблема с изображением PNG поверх изображения в CSS?

0 голосов
/ 03 апреля 2009

Я использую ротатор контента jQuery и хочу разместить PNG-изображение поверх изображения и поверх этого текста.

Вот так выглядит мой ротатор в HTML: 

      <div id="testimonials">
    <div class="slides">

    <div class = "testimonialContainer">
    <div class ="leesmeer"> <a href ="http://site/link"><img src ="http://site/afbeeldingen/test.jpg" ><div class="caption">LORUM IPSUM DOLOR SIT AMET </div></a></div>
    </div>

    <div class = "testimonialContainer">
    <p class = "testimonial"> 2 </p>
    <div class ="leesmeer"> <a href ="http://site/link"><img src ="http://site/afbeeldingen/test.jpg" ></a></div>
    </div>

</div>
</div>

Вот CSS: 

.testimonialContainer {height: 123px}

    #testimonials{
    width: 210px;
    height: 125px;
    }

    .slides div{
    width: 210px;
    xheight:  25px;
    xpadding: 5px;

    .slides div.caption{
        background-image: url(../images/h_contentrotator_zwart.png);
        /*background-color:#000000;
        filter:alpha(opacity=60);
        -moz-opacity: 0.6;
        opacity: 0.6;*/
        color: #fff;
        width: 210px;
        height: 41px;
        position: relative;
        top: -24px;
        padding: 2px 20px 2px 10px;
        zbehavior: url("iepngfix.htc")
    }

Проблема в том, что изображение в формате PNG не отображается, а также не отображается текст.

Может ли кто-нибудь мне помочь?

Ответы [ 2 ]

1 голос
/ 03 апреля 2009

Вам нужно добавить точку (.) В последний селектор: 

.slides div.caption{

Сейчас его там нет, но должно быть.

Если проблема не решена после добавления точки тогда будь конкретнее. Изменить 

.slides div.caption

к этому: 

#testimonials a div.caption

И удалить Z из поведения.

И даже если она не решена, дайте мне ссылку на домашнюю страницу скрипта jQuery.

0 голосов
/ 03 апреля 2009

Убедитесь, что у вас есть правильный путь к фоновому изображению. Если стиль находится в <head> HTML-страницы, то путь будет относительно HTML-страницы. Если стиль находится во внешней таблице стилей, то путь будет относительно местоположения файла таблицы стилей.

Возможно, вы также захотите заставить его работать без исправлений PNG в Internet Explorer 6, а затем снова добавить исправления после того, как узнаете, что остальная часть кода верна.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...