Как убрать css фон прозрачный? - PullRequest
Новая
       2

Как убрать css фон прозрачный?

1 голос
/ 24 июня 2010

Я не знаю, как это произошло, и за всю свою жизнь я не могу это исправить.

У меня есть div, который скрыт с помощью display: none;

Когдапользователь нажимает, я устанавливаю display: block, который показывает новый слой.

Проблема в том, что весь текст просвечивает из слоя позади него ... Как заставить прозрачность не делиться из div позади?

Я не установил прозрачность или непрозрачность в моем CSS.

Слой, который я показываю, имеет только следующие настройки: 

.display { 
    background: rgb(255, 255, 255) url(/template/mobile/images/dot.gif) repeat left top;
    display:none; 
    width: 250px; 
    height:100px; 
    border: 1px solid rgb(20, 20, 20);
    margin-left: -5px;
    margin-top: -100px;
    float: left;
    z-index: 999;

}

Как видите, япопробовал использовать фоновое изображение 1px - все еще прозрачный Я установил цвет фона на белый - все еще прозрачный Я попытался установить z-index, чтобы он был поверх всего - все еще прозрачный

Я незнаете, почему это так и как я могу это остановить ???

ПРИМЕЧАНИЕ. Я деактивировал действующий сайт, и этот код можно просмотреть при тестировании по адресу: http://dev.cutmyhair.com.au/search_results.php?keyword=waverley ПРИМЕЧАНИЕ. Эта проблема возникает только приверсия сайта .mobi (поэтому вам необходимо просмотреть ее на мобильном телефоне OR с помощью эмулятора mobi)

Ответы [ 3 ]

7 голосов
/ 24 июня 2010

Мне удалось воспроизвести это с помощью FF3 и IE8.

Вам необходимо установить абсолютное или относительное положение. 

.display { 
    position: absolute;
    ...
}

или 

.display {
    position: relative;
    ...
}
0 голосов
/ 24 июня 2010

Попробуйте использовать display: inline-block (вместо block). Кажется, он работает лучше (более интуитивно) с плавающими элементами.

0 голосов
/ 24 июня 2010

Вы уверены, что это проблема прозрачности? Я вижу еще одну проблему:

высота: 100px margin-top: -100px

Эти два вместе сделают ваш div полностью недоступным для страницы, если на свойство float влияют другие окружающие элементы. Возможно, опубликуйте здесь html часть и другие связанные css правила, чтобы я мог лучше понять ситуацию. В любом случае, прежде всего, убедитесь, что ваш div находится там, где вы думаете , используя хороший инструмент для отладки html / css, такой как Firebug или консоль Chrome dev.

...