Как убрать рамку у картинки, css?

Question

[cactuss]

В общем, проблема только у гугла и новой опере. Все перепробовал, не знаю, что за фигня(
Может, кто-то сталкивался, подскажите, как решить данную проблему. Спасибо.

Comments

[cactuss]

Может это рамка... но не в стилях ее нету, не обнуление не убрать ее... "картинка позиционируется фиксировано с помощью css3"

Answer 1

[cactuss]

*{margin:0;padding:0;border:0;box-sizing:border-box;list-style:none;text-decoration:none;font-size:1em;zoom:1; }
header{position:relative;}
header img,header h1{position:fixed;}
header,header img,header h1{width:100%;height:300px;z-index:2;border:none;}
    header img{background:url(1.jpg)center;}

@Mischuk Вот сжатая версия, все равно эта серая рамка есть... хоть у меня разрешение 1920х1080... но если присматриваться, то видно. На ретине такого нету(большое разрешение).
И такая фигня только на webkit. Из всех свойств,не кому не нужны префиксы... все браузеры последний версии. Я не понимаю в чем фигня.

Comments

[Alexander Mischuk]

Это вы 400 строк сжали до 5?

[cactuss]

@Mischuk что-то объединил, лишнее убрал, анимацию тоже, media тоже, упростил то что надо итд.. Можно сказать да.

[Сергей]

Если у теги img не вписать src, то webkit считает, что изображение сломалось и рисует серую рамочку. Лучше решить проблему в корне. Если нужно установить картинку именно через css, то вставьте в src ссылку на файл с прозрачным gif 1x1 px.

[Сергей]

И да, рамку просто так (через один лишь css) удалить невозможно.

[cactuss]

@Dzorogh Да не... изображение есть... А вот рамка все равно есть... Может подгружать не через css файл ?

Сейчас проверю)

[cactuss]

@Dzorogh Спасибо, надо подгружать так.. а не через css, 7часов убил на такую фигню =(

Answer 2

[Alexander Mischuk]

outline:0? border:none?
Пробежитесь по вендорным префиксам -webkit.
P.S. Лучше сразу показывать код.

Comments

[cactuss]

Код на 400строк. Это только к верху.
Могу только основное скинуть... но дело не в этом (
Это я уже пробовал. Не помогло, создал пост.