Делает любой знает, почему IE6 и IE7 добавляют белую границу между a button
граничить и фон?
Вот мой CSS и HTML:
#reportButton{
background:#fefcda url(buttonback.png) repeat-x bottom left;
border-top:2px solid #fffff8;
border-right:2px solid #e3b40c;
border-bottom:2px solid #e3b40c;
border-left:2px solid #fffff8;
color: #373535;
font-weight: bold;
margin:0 2%;
width:45%;
}
<button id="reportButton">Report a Concern</button>
При попытке этого Вы будете видеть забавную белую границу между границами и фоном. Это не появляется ни в каком другом браузере, даже IE8.
У кого-либо есть простая фиксация или предложение относительно того, что я делаю неправильно?
Спасибо!
Править: Я просто заметил, что, когда я нажимаю на кнопку, идущие муравьи подходят, и белая граница исчезает. Кажется как будто, когда кнопка :active
они исчезают, хотя это не помогает мне очень с точки зрения решения проблемы, возможно, это будет для кого-то еще.
Кроме того, извините, я не могу обеспечить экран; у меня нет места для загрузки его теперь через это интернет-соединение.
EDIT2: на самом деле кажется, что граница не является белой, но background-color
из кнопки. Кажется, что IE оставляет разрыв на 1 пкс между границей кнопки и изображением фона кнопки.
Убедитесь, что эта граница не исходит от самого изображения (фона изображения), установите точную ширину
и высоту
, также попробуйте установка padding
на 0
, как сказал @SLaks.