Круглая граница, создающая внутренний штрих

Question

Круглая граница, создающая внутренний штрих

0

Здесь JSFiddle: http://jsfiddle.net/g3QAZ/

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

Почему это создает черную внутреннюю границу, когда граница конкретно белая? Пожалуйста помоги.

CSS:

body {
    background: black;
}

img {
    width: 90px;
    height: 90px;
    border-radius: 500px;
    border: 5px solid #fbfbfb;
}

Bagwell 06 нояб. 2013, в 23:54

Источник

0

Дополнение: кажется, что когда вы меняете цвет фона тела на любой цвет, этот цвет внутренней границы будет того же цвета, что и фон. В чем дело?
Bagwell 06 нояб. 2013, в 22:14

Теги:

html

css

css3

1 ответ

Ещё вопросы

Дополнение: кажется, что когда вы меняете цвет фона тела на любой цвет, этот цвет внутренней границы будет того же цвета, что и фон. В чем дело?

geekster777 · Accepted Answer · 2013-11-06T21-13-00.000Z

Сделайте фоновое изображение белым, чтобы исправить это:

img {
    width: 90px;
    height: 90px;
    border-radius: 500px;
    border: 5px solid #fbfbfb;
    background-color:#fbfbfb;
}

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