如何设置图像宽度/高度等于旋转后包裹DIV?

时间:2013-06-11 20:07:57

标签: jquery css3 rotation css-transforms

我在DIV

中有一张图片
<div id="wrapper">
    <img id="testimg" src="http://www.dothetest.co.uk/images/do-test.gif" alt="Test" />
</div>

图像非常适合DIV(我使用边框来突出显示它)

#wrapper{
    border:1px solid #000;
    width:250px;
    height:292px;
}
#wrapper img{

    border:1px solid red;
} 

现在,如果我应用-webkit-transform :rotate(90deg),那么在旋转图像离开父DIV之后,我希望该图像再次符合父DIV的大小。

我尝试设置.width()&amp; .height()使用jQuery但它不起作用。所以请求我如何做到这一点?

演示 http://jsfiddle.net/FcQZm/

0 个答案:

没有答案