Поговорим про
веб верстку: html, css.
Вчера обнаружил
пренеприятное поведение браузера
Chrome. Эта падла на ходу подметки рвет
подменяет мой background-image на свой, в элементе
input text, в момент получения элементом
фокуса.
Отладка
показывает стили — до клика в элемент:
element.style { background-image: url(/static/search.png); background-position: 0% 0%; background-repeat: repeat repeat; } |
После клика:
Что характерно,
пришлось делать скриншот, ибо любой
клик мышкой снимает состояние «focus» с
элемента.
На
скриншоте хорошо видно, что background-image
поменялся на «data:image/png;base64, iVBORw0KG...»,
который представляет
собой прозрачную png-шку размерами 16х16
пикселей.
Это
поведение можно видеть на примере поля
«поиск» на странице plone.org. Просто откройте
http://plone.org/ в Chrome и
кликните в поле поиска. Картинка,
образующая скругленные углы и иконку
поиска — пропадает незамедлительно.
Беда небольшая, когда это
происходит на белом фоне. А мне что
делать?
И
это я еще в MSIE верстку
сайта не проверял.
original post http://vasnake.blogspot.com/2013/06/input-background-image.html
Комментариев нет:
Отправить комментарий