рястягивание изображения

[Лунный дождь]

пытаюсь залить фон градиентом при помощи такого кода.

 body {background: url('/userdir/1/6/7/3/1673245/67240253.jpg') repeat-x !important; padding: 0 !important; -o-background-size:100% 100% !important; -webkit-background-size: 100% 100% !important; -khtml-background-size: 100% 100% !important; -moz-background-size: 100% 100% !important; background-size: 100% 100% !important; background-attachment:fixed !important;}

но во всех браузерах все нормально, а опера меня упорно игнорирует. в момент обновления страницы на секунду градиент виден, но потом он куда то исчезает. не могу понять, в чем же дело(

вот код всего дизайна

 body {background: url('/userdir/1/6/7/3/1673245/67240253.jpg') repeat-x !important; padding: 0 !important; -o-background-size:100% 100% !important; -webkit-background-size: 100% 100% !important; -khtml-background-size: 100% 100% !important; -moz-background-size: 100% 100% !important; background-size: 100% 100% !important; background-attachment:fixed !important;}
 #wrapper{ min-width: 958px !important; width: 958px; margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 0px !important; z-index: 4;}
 #extratop { background: url('/userdir/1/6/7/3/1673245/67233122.png') no-repeat bottom; height: 487px; width:958px; margin-top:0px; position:relative; z-index: 3; }
 {----------------------------------------------------------------------------------------------------------------------}
 #page-c {min-width:675px !important; width:675px !important; padding: 0px 0px 0px 15px !important; margin:40px 65px 0px 0px !important; background:#000;}
 #page-t {margin: 20px 20px 20px 5px !important;background:#fff;}
 .communityName, .authorName {margin-left:5px !important; font-size:11px !important; padding-top:5px !important;}
 .commentAuthor {margin-left:5px !important;}
 .paragraph { margin-right:10px !important; }
 .postContent {margin-top:10px !important; }
 .atTag em, .atMusic em, .atMood em, .atTag span, .atMusic span, .atMood span { font-style: normal !important; font-size:11px !important; text-transform: lowercase;}
 #addCommentArea, #msg_form { padding :5px 10px 10px 15px !important;}
 .postDate { text-transform: lowercase; font-size: 11px !important; font-weight: none !important; padding: 0px 10px 0px 0px !important;}
 .postLinksBackg { padding: 5px 10px 0px 5px !important; font-size: 11px !important; color: # !important; text-transform: lowercase;}
 {----------------------------------------------------------------------------------------------------------------------}
 #side {width: 130px; margin:40px 0px 0px 65px; background:#000; text-align:right !important;color:#404040;}
 #side a {color: #fff;}
 #TagsList li { margin: 2px 0px 0px 0px !important; color:#626262;}
 #thisDiaryPhoto, #postsCalendar, #rssLink, #upInChart, #authorFav, #authorQuot, #authorLinks, #authorAlbum, #myNotepadLink, #myLinksLink, #myProfileLink, #albumLink, #photolibLink, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink {display:none !important;}
 {----------------------------------------------------------------------------------------------------------------------}
 .postTitle, #addCommentArea_title, #new_post_title, #commentsArea_title {color:#fff; font:18px '',"Compact"; text-transform:uppercase; background: #000!important; padding: 10px 10px 10px 5px !important; margin: 0px 10px 0px 0px !important; letter-spacing:5px;}
 #epigraph .header { background:none !important; }
 #authorName {background: url('/userdir/1/6/7/3/1673245/67237553.png') no-repeat; display:block; width:187px; height:21px; overflow:hidden; position: absolute; line-height:200px ;top:517px; margin-left:330px;}
 #side h1 a{background: url('/userdir/1/6/7/3/1673245/67238093.png') no-repeat; display:block; width:255px; height:37px; overflow:hidden; position: absolute; line-height:250px ;top:480px; margin-left:305px;}
 {----------------------------------------------------------------------------------------------------------------------}
 img {max-width:485px !important;}
 .avatar img { !important; max-width: 90px !important; padding: 0px !important; border: 10px solid #000; }
 .sign {white-space:pre-line !important; width:95px !important; font-size:12px !important;}
 a:link, a:visited {text-decoration:none !important;}
 a:hover, a:active {color: #fff !important;background:#000;}
 #globalLinks a:hover, #myDiaryLinks a:hover, #thisDiaryLinks a:hover, #thisDiaryOwner a:hover {color: #000 !important;background:#fff;}
 span.quote_text { background: url('/userdir/1/6/7/3/1673245/67241249.png') 0px 0px no-repeat; min-height: 20px !important; font-size: 12px !important; font-style: normal !important; display: block; margin: 5px; padding: 5px 5px 5px 25px;}
 .blockquote { min-height: 20px !important; font-size: 12px !important; font-style: normal !important; display: block; margin: 0px; padding: 0px 0px 0px 0px;}
 .sign {white-space:pre-line !important; width:120px !important; font-size:11px !important; }
 .section, .formcontainer, .paragraph { _width:485px; overflow:auto; overflow-y: hidden; } 

@темы: фоновые картинки

Comments

[winterwolf]

Попробуйте обновить Оперу.

P.s.
Кстати, а для какого браузера вы прописываете префикс -khtml?
Почему вы пишите для каждого свойства !important? Неужели дефолтные стили переопределяют это свойство?
Это цсс 3, браузеры вводят их поддержку, но спецификации еще 100% нету, и это не обязательно должно работать в браузере и уж тем более одинаково во всех браузерах.

[Лунный дождь]

winterwolf обновить версию оперы, имеете ввиду? увы, стоит последняя =="

Кстати, а для какого браузера вы прописываете префикс -khtml?

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

Почему вы пишите для каждого свойства !important? Неужели дефолтные стили переопределяют это свойство?

во мне говорит перестраховщик. ну и сказывается любительство, пожалуй - "а вдруг, если я не поставлю здесь !important, оно не будет работать?!!1расрас"

Это цсс 3, браузеры вводят их поддержку, но спецификации еще 100% нету, и это не обязательно должно работать в браузере и уж тем более одинаково во всех браузерах.

это да, я поняла, но последняя версия оперы кагбэ предполагала...

спасиб за разъяснения, наверн просто придется поюзать другой браузер, пока стоит этот диз

[polishastik]

Crowned Clown, я уже давно мучаюсь с background-size для оперы (ну больше полугода точно). и пока она корректно не поддерживает это свойство. думаю, что остается только ждать...

[Лунный дождь]

polishastik вот как? жаль, значит, ждем, пока разработчики это исправят