Как убрать рамку вокруг неоткрывшегося изображения?

Question

[1Zarkos1]

Здравствуйте.
Помогите пожалуйста с вопросом. Есть вот такой код.
Как видно, вокруг контента неоткрывшегося изображения есть тонкая квадратная рамка. Подскажите пожалуйста, можно ли как-то ее убрать или изменить?

Answer 1

[Astrohas]

https://jsfiddle.net/zscz5s0x/2/
так?
UPD переделано по нужде автора

Comments

[1Zarkos1]

Но при таком варианте, object то-ли закрывает, то ли не показывает img, я просто не понимаю. Так как, даже если img задать нормальную ссылку на изображение в src, то оно не отобразиться.

[Astrohas]

1Zarkos1: суть в том что юзать object вместо img. https://jsfiddle.net/zscz5s0x/2/

Answer 2

[Павел]

Непонятен подход, зачем так тогда вообще делать?
Оберните img в div и задайте что надо для div, а когда появляется img то для него что нужно.
Или сделать так, добавить css, когда есть src то показывать блок, а когда нет скрывать:

img {
    display: none;
}
img[src] {
   display: block;
 }

Comments

[1Zarkos1]

Делать так затем, чтобы когда, по каким-то причинам, изображение не загрузиться, не оставалось этой непонятной рамки, а было просто оформление img (скругления углов, заданая рамка, сплошной задний план) и надпись из атрибута alt и все, никаких лишних вещей.
Хотелось бы также избежать оберток и прочего лишнего кода, хотя как я понял через обычные свойства CSS эту рамку не убрать.

Answer 3

[chimir]

добавьте overflow: hidden;

если вам нужны заглушки то воспользуйтесь placehold.it

<img src="http://placehold.it/380x380" width="380" height="380" alt="">