Обсуждение вопросов наследования прозрачности CSS в IE и FF
Автор:Eve Cole
Время обновления:2009-06-10 17:05:49
Когда родительский контейнер устанавливает прозрачность, дочерний контейнер унаследует свойства родительского контейнера. Столкнувшись с этой проблемой, мы не знаем, называть ли это ошибкой или проблемой того, как все понимают прозрачность. Независимо от того, что стандарт CSS считает наиболее разумным, как решить такую проблему, когда мы сталкиваемся с ситуацией, когда мы не хотим, чтобы подконтейнер был прозрачным.
Способ первый:
Для IE добавьте в подконтейнер:
положение: родственник;
Для Firefox и т. д. можно использовать только png.
фон: URL (изображения/boxBg.png);
/*Следующее распознается только IE*/
*фон:#CCCCCC;
Способ второй:
Краткое описание также является распространенным методом в Интернете.
Создайте три контейнера. Сначала позвольте контейнеру, который должен быть прозрачным, и непрозрачному контейнеру поддерживать родственные отношения.
Затем управляйте размером через родительский контейнер, чтобы два родственных контейнера сохраняли кажущееся расположение «родитель-потомок» посредством позиционирования.
Второй метод позволяет избежать проблемы наследования прозрачности, но не решает проблему наследования прозрачности.