Поля под изображением, когда связаны - PullRequest
1 голос
/ 09 февраля 2012

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

У меня проблемав том, что связанные изображения на сайте, над которым я работаю, имеют небольшую границу, когда находятся над ними, это во всех браузерах (кроме IE 7, в котором изначально был создан сайт).Это связано с установкой: hover как имеющего фон.Несмотря на то, что для изображений нет границ, полей и отступов, по-прежнему это не устраивает.

У меня есть только 2 способа решить эту проблему: установить класс без фона для определенных тегов или отобразить связанное изображениекак блок.К сожалению, оба эти решения не подходят, потому что на сайте есть сотни страниц и, возможно, тысячи связанных изображений, использование класса означает найти их все!Использование блока отображения нарушит отображение некоторых изображений, например, когда они правильно отцентрированы в теге ap.

Если вы хотите, чтобы пример этого не работал для меня, начальная страница рассматриваемого сайтаэто http://www.tameside.gov.uk, посмотрите на иконки социальных сетей в правом верхнем углу, они все проходят фоновую обработку при наведении.

Если кто-нибудь может помочь, я был бы очень благодарен.

Спасибо,

1 Ответ

1 голос
/ 09 февраля 2012

Значки изображений имеют формат PNG и имеют прозрачный фон. Вот почему вы можете увидеть фон. Вы можете изменить значки, чтобы они имели белый фон (такие же, как у JPEG), и вы больше не увидите фон.

Более быстрое решение проблемы - добавление нового правила CSS, которое применяется только к тегам a внутри div для социальных сетей:

.banner_container .social a {
    background: none !important;
}
...