Логотип png будет иметь белые границы на IE9

0

Я работаю над веб-приложением asp.net mvc, у нас есть верхняя верхняя панель навигации как синяя область, и я показываю наш логотип внутри синей области, используя следующий код:

   <a class="brand" href="~/Home/Index/"> <img alt="Group" src="~/Content/logo_CMYK.png" /> </a>

но на IE9 он будет показывать белый логотип вокруг логотипа следующим образом:

Изображение 174551

в то время как на IE10, Firefox и Chrome, логотип будет иметь синий грань, как следует, и будет работать нормально:

Изображение 174551

может ли кто-нибудь посоветовать, как я могу исправить эту проблему макета? благодаря

Изменить Вот CSS, извлеченный из IE F12: - Изображение 174551

  • 0
    У вас есть URL или jsfiddle, показывающий это? Это напоминает мне этот вопрос stackoverflow.com/q/12438248/427684
  • 0
    нет у меня нет ссылки, так как моя система еще не опубликована в интернете ..
Теги:
layout

1 ответ

1

Это не белая граница, это белый фон. Вы можете попробовать этот код:

a, img {
   background: transparent;   
   zoom: 1;
}

Он заявляет, что фон вашего изображения прозрачен.

Если бы вы могли создать пример jsbin.com, кто-то может просто показать правильный ответ, а не гадать исправить.

Поделиться
  • 0
    Я изменил свой код для тега <img> следующим образом; <a class="brand" href="~/Home/Index/"> <img alt = "Группа" src = "~ / Content / logo_CMYK.png" style = "фон: прозрачный; масштаб: 1;" /> </a> Но это ничего не изменило .. Вы можете посоветовать?
  • 0
    Я также попробовал style = "background-color: transparent;. И ничего не изменилось
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню