Chrome и Safari добавляют границу к img с фиксированной высотой и шириной css - PullRequest
Новая
       6

Chrome и Safari добавляют границу к img с фиксированной высотой и шириной css

0 голосов
/ 14 сентября 2010

У меня небольшая проблема с отображением тега img, связанного с классом.Я воссоздал проблему с простой HTML-страницей. 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Test for image problem</title>
</head>
<body>
<style> 
.image  {
    float: left;
    cursor: pointer;
    height:15px;
    width:15px;
}
</style>
    <p>This is a test </p>
    <img class="image" id="image">
</body>
</html>

Кто-нибудь знает, как вести себя одинаково во всех браузерах?

Ответы [ 2 ]

2 голосов
/ 14 сентября 2010

Изображение повреждено, как вы указали src. Укажите src где-нибудь, и граница исчезнет.

Визуализация испорченных изображений в браузере варьируется значительно кросс-браузер и зависит от того, включен ли атрибут alt (что всегда следует делать). Внутренняя граница 1px обычно рисуется на ломаных изображениях не только в Webkit. Вы не должны намеренно включать в документ испорченное изображение или изображение без srcless. Если вы не хотите src, это не должно быть <img>.

0 голосов
/ 20 ноября 2012

Yup, Chrome и Safari делают это, чтобы теги img без hrefs ... Что-то глупо, но то, что вы можете сделать, это сделать img тегом a, div или span до вас.Также может потребоваться добавить «display: inline-block» для имитации тегов html5 img.Надеюсь, это поможет, мне понадобилось время, чтобы найти ответ Бобинса.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...