Как получить изображения для изменения размера в Chrome, IE и Safari - PullRequest
Новая
       5

Как получить изображения для изменения размера в Chrome, IE и Safari

2 голосов
/ 11 февраля 2011

Я занимаюсь разработкой веб-сайта, который использует jquery tabs api.Для каждой вкладки у меня есть картинка, которую я хочу изменить при изменении размера браузера.

Это пример одной из вкладок 

<li style='width:15%'>
  <a href="/fu...">
   <img src="/Funde..." alt="BreakOut" class="breakoutFundviewImage">
  </a>
</li>

У меня она работает нормальнов Firefox и IE с помощью простого CSS 

.breakoutFundviewImage
{
    height:30px;    
    width: 100%;    
}

К сожалению, это не работает в Chrome, Safari.Изображения просто отображаются в полном размере, поэтому на вкладке видна только половина изображения.

Кто-нибудь знает правильный способ сделать это?Любая помощь будет отличной.

1 Ответ

1 голос
/ 11 февраля 2011

Не устанавливайте высоту на изображениях, иначе вы нарушите соотношение сторон.Ваш код верен, поэтому, если они не меняют размер, это потому, что родительские теги шире, чем вы думаете.Возможно, у вас переполнение: скрыто происходит, когда внутренние элементы обрезаются вместо изменения размера.

...