фоновое изображение отображается при щелчке правой кнопкой мыши, но не на веб-странице - PullRequest
Новая
       18

фоновое изображение отображается при щелчке правой кнопкой мыши, но не на веб-странице

0 голосов
/ 10 апреля 2010

хорошо, поэтому я пытаюсь настроить веб-страницу с div, обертывающим два других div, и div-обертка имеет фон, а два других прозрачны. Почему это не работает?

вот CSS: 

.posttext{
    float: left;
    width: 70%;
    text-align: left;
    padding: 5px;
    background-color:  transparent !important;
}

.postavi{
    float: left;
    width: 100px;
    height: 100%;
    text-align: left;
    background-color: transparent !important;
    padding: 5px;
}

.postwrapper{
    background-image:url('images/post_bg.png');
    background-position:left top;
    background-repeat:repeat-y;
}

и вот HTML: 

<div class="postwrapper">

                            <div class="postavi"><img src="http://prime.programming-designs.com/test_forum/images/avatars/hacker.png" alt="hacker"/></div><div class="posttext"><p style="color: #ff0066">You will have bad luck today.</p>lol</div>
                        </div>

Редактировать: по запросу, вот ссылка на сайт: http://prime.programming -designs.com / test_forum / viewthread.php? Thread = 33

1 Ответ

2 голосов
/ 10 апреля 2010

Ключевое слово !important должно прийти last (т. Е. после значения), а transparent - это ключевое слово, а не значение RGB, выраженное в шестнадцатеричном формате (поэтому оно не должнобыть префиксом #).

Эти проблемы будут обнаружены валидатором .

Поскольку .postavi является плавающим, он не влияет на высоту своего контейнера, поэтому .postwrapper имеет высоту 0, и вы не можете видеть фон в нем.Есть несколько способов обойти это, я обычно предпочитаю переполнение: скрытый метод .См. http://complexspiral.com/publications/containing-floats/ для объяснения причин.

...