Трясется фон в ie

AW
На сайте с 04.06.2016
Offline
19
572

Здорово. Запилил сайт, залил его на хостинг, такая проблема:

Трясется задний (фиксированный фон) в ie (в яб и хроме все пучком) Не могу понять в чем я ошибся. Единственный ответ, который мне удалось получить с поиска э это то, что фон может трястись из за конфликта с заданным цвету (напримкр в body) но у меня все чисто в этом плане, онли картинки. Сам код css:

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,  

form, fieldset, input, p, blockquote, table, th, td, embed, object {
padding: 0;
margin: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset, img, abbr {
border: 0;
}
address, caption, cite, code, dfn, em,
h1, h2, h3, h4, h5, h6, strong, th, var {
font-weight: normal;
font-style: normal;
}
ul {
list-style: none;
}
caption, th {
text-align: left;
}
h1, h2, h3, h4, h5, h6 {
font-size: 1.0em;
}
q:before, q:after {
content: '';
}
ins {
text-decoration: none;
}



.fon {
background-image:url(img/fon.jpg);
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-khtml-background-size: cover;
-ms-background-size: cover;
background-attachment:fixed;
}

.header {
width:1000px;
height:200px;
background-image:url(img/fonshapka.jpg);
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-khtml-background-size: cover;
-ms-background-size: cover;
background-attachment:fixed;
}

.nadpfontext {
font-size:70px;
font-family:"Courier New", Courier, monospace;
color:#F90;
text-shadow: 2px 2px 3px black;
margin-left:-200px;
}

.nadpfontext2 {
font-size:50px%;
font-family:"Comic Sans MS", cursive;
color:#FFF;
text-shadow: 1px 1px 2px black;
margin-left:550px;
margin-top:+80px;
}


.tableosv {
width:1000px;
}

.tdheader {
height:35px;
}

.tdcontent {
width:800px;
background-image:url(img/content.jpg);
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-khtml-background-size: cover;
-ms-background-size: cover;
background-attachment:fixed;
}

.tdmenu {
width:200px;
background-image:url(img/fonmenu2.jpg);
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-khtml-background-size: cover;
-ms-background-size: cover;
background-attachment:fixed;
}

.tdfooter {
width:1000px;
height:35px;
background-image:url(img/fonmenufooter.jpg);
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-khtml-background-size: cover;
-ms-background-size: cover;
background-attachment:fixed;
}

p {
font-family:Verdana, Geneva, sans-serif;
font-size:18px;
line-height:200%;
text-indent:25px;
text-align:justify;
margin-left:15px;
margin-right:30px;
margin-bottom:30px;
}

h1 {
font-size:36px;
font-family:Verdana, Geneva, sans-serif;
text-align:center;
color:#F90;
text-shadow:#666 2px 2px 4px;
margin-bottom:50px;
}

strong {
font-size:20px;
color:#063; font-weight:bold;
}

em {
font-size:20;
font-family:"Lucida Console", Monaco, monospace;
}

.textleft { float:right; margin-left:10px;}

#menu{
margin:0 auto;
width:1000px;
}

#menu ul{
list-style:none;
}

#menu li{
list-style:none;
display:block;
float:left;
margin:0 ;
}

#menu li a{
display:block;
color:#fff;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
text-decoration:none;
background-color: #FFF;
color:#333;
height:130px;
width:150px;
line-height:123px;
padding:0 25px;
}

#menu li a:hover{
color:#fff; background-color:#C60;
line-height:173px;
}





#menu2{
width:1000px;
height:61px;
background-color:#0F6;
}

#menu2 ul{
width:1000px;
margin:0 auto;
list-style:none;
}

#menu2 li{
list-style:none;
display:block;
float:left;
font-size:11px;
font-weight:bold;
height:61px;
line-height:61px;
margin:0;
}

#menu2 li a{
display:block;
float:left;
height:61px;
width:160px;
color:#333;
text-decoration:none;
text-transform:uppercase;
padding:0 20px;
word-spacing:5px;
}

#menu2 li a:hover{
background-color:#FFF;
color:#333;
}

#menu2 li a:hover span{
color: #C63;
height:61px;
display:block;
float:left;
}



#menu3{
background:#404040;
width:200px;
margin:0;
}

#menu3 ul{
list-style:none;
}

#menu3 li{
list-style:none;
display:block;
border-bottom:1px solid #fff;
}

#menu3 li a{
list-style:none;
display:block;
color:#0F6;
font-weight:bold;
text-transform:uppercase;
font-size:13px;
text-decoration:none;
padding:15px 0 15px 45px;
}

#menu3 li a:hover{
background-color:#C60;
color:#fff;
text-decoration:none;
}


.prava {
float:right;
font-size:24px;
color:#FFF;
text-shadow:#000 1px 1px 3px;
}

.c {
font-size:18px;
float:left;
color:#fff;
}

figure {
display:inline-block;
vertical-align:top;
width:220px;
margin: 0px 10px 10px 10px;
}

figure img {
border:1px solid #999;
padding: 10px;
box-shadow: 2px 2px 4px #000;
}

figcaption {
font:Tahoma, Geneva, sans-serif;
color:#060;
text-align:justify;
background-color: #CCC;
border: 1px inset #666;
padding:5px;
}

.image {
overflow:hidden;
width:220px;
height:200px;
}

.image img {
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
}

.image img:hover{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
}

.otstypgalery {
margin-left:25px;
}

Вот непосредственно кусок кода связанный с фиксацией изображения:

fon {

background-image:url(img/fon.jpg);
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-khtml-background-size: cover;
-ms-background-size: cover;
background-attachment:fixed;
}

.header {
width:1000px;
height:200px;
background-image:url(img/fonshapka.jpg);
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-khtml-background-size: cover;
-ms-background-size: cover;
background-attachment:fixed;
}
.tdcontent {
width:800px;
background-image:url(img/content.jpg);
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-khtml-background-size: cover;
-ms-background-size: cover;
background-attachment:fixed;
}

.tdmenu {
width:200px;
background-image:url(img/fonmenu2.jpg);
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-khtml-background-size: cover;
-ms-background-size: cover;
background-attachment:fixed;
}

.tdfooter {
width:1000px;
height:35px;
background-image:url(img/fonmenufooter.jpg);
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-khtml-background-size: cover;
-ms-background-size: cover;
background-attachment:fixed;
}

Трясутся как п*длы во время прокрутки :idea: именно они:

.fon {

background-image:url(img/fon.jpg);
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-khtml-background-size: cover;
-ms-background-size: cover;
background-attachment:fixed;
}
.tdmenu {
width:200px;
background-image:url(img/fonmenu2.jpg);
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-khtml-background-size: cover;
-ms-background-size: cover;
background-attachment:fixed;
}

Есть предложения?

LEOnidUKG
На сайте с 25.11.2006
Offline
1774
#1

IE какой версии?

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
AW
На сайте с 04.06.2016
Offline
19
#2
LEOnidUKG:
IE какой версии?

Во всех версиях ie можно такое наблюдать. Даже в Edge на 10-ой винде))

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий