IE баги - цвет фона и расположение

Question

Я только начинаю создавать веб-сайт и просто добавляю CSS.

Две проблемы:

1. Я использую rgba для получения прозрачного фона и использую прозрачный png для эмуляции этого в старых браузерах. Я использую такой каскад:

   rule {
       background: url(/media/img/white_0.9_pixel.png);
       background: rgba(255, 255, 255, 0.9);
   }
   

В IE эти фоны не охватывают все разделы, к которым они применяются ... Есть идеи, почему?

2. Раскрывающееся меню неправильно размещено в IE. Я позиционирую его абсолютно, но добавляю поле, чтобы поместить его в нужное место в Webkit - догадываясь, что это неправильный способ выравнивания выпадающего списка, и он не работает во всех браузерах. Есть предложения?

Большое спасибо - просто написание здесь вопросов помогает мне думать!

Ссылка на сайт: http://bit.ly/11GGCx

Answer 1

Какие версии IE имеют проблемы?

1. Как и во многих ошибках IE, попробуйте задать layout для элементов с неправильно отображаемым фоном.

2. Если вы не укажете свойство left для абсолютно позиционированного элемента, IE редко генерирует желаемое значение. В соответствии со спецификацией CSS 2.1, «left» должно быть установлено в статическую позицию , но браузер может угадать эту позицию, поэтому лучше быть явным. Стандартный метод заключается в назначении пунктов меню относительному расположению для создания , содержащего блок для каждого подменю и установки «top» и «left» для подменю.

   .nav li {
       position: relative;
       /* note: don't set a box offset (e.g. "left") here */
   }
   .nav ul {
       position: absolute;
       top: 1em;
       left: 0;
   }
   

Answer 2

Вы пробовали с концепцией непрозрачности CSS?

Попробуйте следующий код.

rule {
background: #fff;
opacity: .5; 
-moz-opacity: 0.5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* for IE8 *//* Comes First to apply optacity in all ie versions*/
filter: alpha(opacity=50); /* for IE5-7 *//* Comes second to apply opacity in all ie versions*/
}

Примечание: не меняйте порядок вышеприведенных строк. Также я рекомендую не использовать фон RGBA.

Попробуй это. Надеюсь, это поможет

Answer 3

Вы указали background-repeat?