удалил rgba, не помогло
кнопка серой отображается, только она не активна, то есть при клике на нее скрипт не работает ... вот еще css, может какая то еще ошибка есть в нем:
.b1c-bg {
display: none;
z-index: 108;
opacity: 0.5;
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
background: #333;
}
.b1c-submit {
display: block;
margin: 0 auto;
}
.b1c-opct {
-webkit-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.b1c-opct:hover {
opacity: 0.8;
}
.b1c-submit, .b1c {
-webkit-appearance: none;
color: #fff;
padding: 6px 15px;
font-size: 14px;
font-weight: 700;
cursor: pointer;
background: url("/images/ikonki/uznaticenu2.jpg") no-repeat scroll 0 0;
width:180px;
height:39px;
border: 0;
}
#b1c:hover, .b1c:hover, .b1c-submit:hover {
opacity: 0.8;
}
#b1c-request {
margin: 15px 0 0 0;
}
div.b1c-close {
float: right;
padding: 12px 10px;
background: #333333;
overflow: hidden;
}
img.b1c-close {
background: url(close.png) no-repeat;
text-decoration: none;
width: 13px;
height: 13px;
margin: 1px 5px 0;
cursor: pointer;
box-shadow: 0 1px 0 #1a457d;
float: right;
cursor: pointer;
}
.b1c-submit-area {
border-top: 1px solid #dedede;
background: #FFFFFF;
padding: 10px 0 0 0;
position: relative;
}
.b1c-form {
display: none;
text-align: left;
height: auto;
position: absolute;
margin: 0 auto;
background: #fff;
width: 350px;
z-index: 110;
border-radius: 3px;
box-shadow: 0 0 50px #444;
}
.b1c-tl {
overflow: hidden;
border-radius: 2px 2px 0 0;
background: #333333;
color: #fff;
text-shadow: 0 -1px 0 #1B457D;
font-weight:bold;
font-size: 13px;
margin: 0;
}
.b1c-title-name {
padding: 12px 0 10px 3%;
display: block;
}
.b1c-caption {
margin: 4px 10px 0;
}
.b1c-description {
margin: 8px 10px 10px;
color:#0E99D2;
}
.b1c-form select {
background: #fff;
padding: 4px 3px 3px 9px;
margin: 5px 10px 10px;
font-size: 12px;
border: 1px solid #ccd1da;
border-radius: 3px;
outline-style: none;
}
.b1c-txt {
background: #F3F0EB;
border: 1px solid #ccd1da;
border-radius: 2px;
width: 100%;
color: #4b5362;
font-size: 13px;
padding: 5px 2px !important;
margin: 2px 10px 5px;
}
.b1c-txt.b1c-txt-err {
border: 1px solid #ffadad !important;
background: #ffebeb !important;;
}
.b1c-cr {
margin: 8px 0 0 0;
position: absolute;
right: 10px;
}
.b1c-cr, .b1c-cr * {
font-size: 9px;
color: #FFFFFF;
}
/* RESULTS */
.b1c-result {
padding: 5px 10px;
}
.b1c-result div {
text-align: center;
font-weight: 700;
padding: 8px 10px;
margin: 5px 0 5px;
border-top: 1px solid #ccc;
color: #555;
}
.b1c-result .b1c-ok {
border-top: 1px solid #070;
color: #070;
background: #c8ed9c;
}
.b1c-result .b1c-err {
border-top: 1px solid #ffadad;
color: darkred;
background: #ffebeb;
}
.b1c-result .b1c-send {
background: #efefef url(loading.gif) 10px no-repeat;
}
@media screen and (max-device-width: 640px){
.b1c-form {
top: 0;
left: 0;
margin: 0 auto;
width: 100%;
}
.b1c-form * {
font-size: 1.2em !important;
}
#b1c-cr {
float: right;
position: relative;
margin: 0;
}
}
Перепробовал уже удалять все правила которых нет в ie8, но кнопка не работает вплоть до ie10, только с этой версии начинается работа кнопки, причем есть подозрения что в ie11 также эта кнопка не работает, в ietester просто нет этой версии, локально установлена 10.