Я только что столкнулся с очень раздражающей ошибкой, которую трудно отследить.Но давайте перейдем к сути:
- ТОЛЬКО WEBKIT (Safari, Chrome и т. Д. - я воспроизвел это на Safari 5.1 и Chrome 13 на Mac OS Lion )
- Только для Mac OS?(Комментарии предполагают, что нужно больше информации от других пользователей)
Просто перейдите к этой скрипке и сфокусируйте ввод: Это фон становится серым !(См. Скриншот на Chromium Bug Tracker )
Когда вы изменяете CSS одним из следующих способов, ошибка исчезает:
- изменить цветне что-то не совсем белое (
255,255,254,0.6) - удалить прозрачность (
255,255,255,1) - изменить двойную рамку на любую другую (
4px dotted rgba...) - изменить толщинув <3px (<code>2px double...)
- добавьте
display: inline; к CSS <h2> (или измените тег на отображаемый в строке)
Так это выглядиткак ошибка срабатывает только тогда, когда:
-
color границы ровно white с некоторыми transparency - оно должно быть
type double - это
thickness должно быть greater than 2px - элемент должен быть
positioned block - не имеет значения, если некоторые элементы с абсолютным позиционированием находятся между html-кодом ( см. Пример ): он должен что-то делать с визуализированным положением элементов
Почему он это делает?Это ошибка webkit или есть какая-то причина?
Еще одно упоминание заслуживает внимания: CSS модифицированного блочного элемента (<h2> в моем примере) НИЧЕГО не имеет кделать с вводом - но все же это вызывает ошибку.Вы можете себе представить, как трудно было отладить это на странице с несколькими элементами между этими двумя ...
Возможное решение :
Не использоватьполностью белый фон, но: rgba(255, 255, 254, 0.6).Человеческий глаз этого не замечает.Но использовать это чувствует себя некомфортно.Что-нибудь лучше?
Также на Chromium Bug Tracker теперь со скриншотом