Я делаю замену изображения для своих радиостанций, он работает локально в IE (только открывая html-страницу), в WAMP в IE, а также на моем Linux-сервере в Интернете в IE, но не будет работать на моем внутреннем сервере IIS 7. Работает в Chrome на сервере IIS, но не в IE.
HTML
<input id='Good' type='radio' class='css-checkbox'name='value' value='1'/>
<label id='1' class='css-label' for='Good'> Good </label>
CSS
input[type=radio].css-checkbox {
margin: 10px;
display:none;
}
input[type=radio].css-checkbox + label.css-label {
padding-left:27px;
height:22px;
display:inline-block;
line-height:22px;
background-repeat:no-repeat;
background-position: 0 0 !important;
vertical-align:middle;
cursor:pointer;
}
label.css-label {
margin: 10px;
background-image:url(../images/radio.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
input[type=radio].css-checkbox:checked + label.css-label{
background-position: 0 -22px !important;
}
Так что это проблема совместимости. Я включил "параметры просмотра совместимости" и снял флажок "показать интрасеть в представлении совместимости". Сейчас работает отлично.