CSS3: изменить размер изображения - PullRequest
Новая
       6

CSS3: изменить размер изображения

2 голосов
/ 07 ноября 2011

если возможно изменить размер изображения, используя CSS3 resize свойство ? Я заметил, что это для элементов блока, но есть ли обходной путь или возможное решение? Я знаю, что мог бы использовать плагин jQuery UI изменяемого размера , но я хотел бы применить эту технику CSS3.

Спасибо

1 Ответ

4 голосов
/ 07 ноября 2011

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

Примечание. Свойство resize применяется к элементам, чье вычисленное значение переполнения отличается от «visible».

Однако вы можете поместить изображение внутрьэлемента div, размер которого соответствует размеру вашего изображения, и примените к нему CSS3-изменение размера. 

<div style="height: 41px; width:114px; resize:both; overflow:hidden;">
     <img style="width: 100%; height: 100%;" src="http://www.google.com/logos/2011/curie11-sr.png">
</div>
...