IE7 отсутствует элемент фоновое изображение

Question

У меня большая проблема, чтобы сделать мой сайт комп. в старых браузерах.

Я использую ярлык + ввод текста во многих частях моего сайта. Где-то IE7 не показывал фон метки.

CSS метки для входа в систему:

label[for="login"] {
       -moz-border-radius:5px 0 0 5px;
      -moz-border-radius:5px 0 0 5px;
      -webkit-border-radius:5px 0 0 5px;
      background:url(moduletable_header_color.png) repeat-x left bottom;
      border-bottom:#b3aba4 1px solid;
      border-left:#b3aba4 1px solid;
      border-radius:5px 0 0 5px;
      border-right:#b3aba4 1px solid;
      border-top:#b3aba4 1px solid;
      color:#fff;
      display:block;
      float:left;
      font-family:'TitilliumText22LMedium';
      font-size:12px;
      font-weight:bold;
      height:25px;
      line-height:25px;
      margin:0;
      padding-bottom:0;
      padding-left:10px;
      padding-right:10px;
      padding-top:0;
      text-shadow:1px 1px 0 black;
      width:140px;

}

Я использую этот же код на другой странице для другой метки:

.formField label {
  -moz-border-radius:5px 0 0 5px;
  -webkit-border-radius:5px 0 0 5px;
  background:url(moduletable_header_color.png) repeat-x left bottom;
  border-bottom:#b3aba4 1px solid;
  border-left:#b3aba4 1px solid;
  border-radius:5px 0 0 5px;
  border-right:#b3aba4 1px solid;
  border-top:#b3aba4 1px solid;
  color:#fff;
  display:block;
  float:left;
  font-family:'TitilliumText22LMedium';
  font-size:12px;
  font-weight:bold;
  height:25px;
  line-height:25px;
  margin:0;
  padding-bottom:0;
  padding-left:10px;
  padding-right:10px;
  padding-top:0;
  text-shadow:1px 1px 0 black;
  width:140px;
}

И второе - это хорошо. Первые хорошо работают в других браузерах. Что должно быть не так? Я выдергиваю свои волосы ..

Answer 1

Надеюсь, IE7 не будет поддерживать селекторы атрибутов (label [for = "login"]). Когда я проверяю с w3c это будет работать, если мы поставим doctype. Вот пример: -

http://www.w3schools.com/css/tryit.asp?filename=trycss_attselector_value

Подробнее здесь

http://www.w3schools.com/css/css_attribute_selectors.asp

Да, он не поддерживает [Для = "логин"]

Answer 2

Чтобы заставить его работать в браузерах, совместимых с IE7 и , используйте этот селектор:

label[for="login"], label[htmlFor="login"]

Подробнее об этой ошибке IE7 см. http://reference.sitepoint.com/css/attributeselector#compatibilitysection

Answer 3

IE7 не позволяет выбирать метки с атрибутом «for». Другие атрибуты работают, но попытка выбрать элемент любым из этих способов не будет работать:

label[for=test],
label[for] {
    /* THIS CODE WILL BE IGNORED */
}

Вам придется выбрать элемент другим способом, например, с помощью идентификатора или класса.

IE7 также имеет проблемы с использованием атрибутов для выбора других элементов. Например, попытка сделать table th[cellpadding=0] в качестве селектора также не будет работать.