PNG图像未在Internet Explorer中调整大小

Question

您好，

我在我的代码中使用png图像。在所有浏览器中png图像都可以正常呈现，除了10，在IE中显示图像的完整大小，请查看示例。

我正在使用的代码如下：

<div onclick="window.location='../Tutor/RegistrationForm/RegistrationForm.php';" style="background-color:
                            #ff8080 !important;display: table; width:400px;height: 80px; overflow: hidden;">
                                <div onclick="window.location='../Tutor/RegistrationForm/RegistrationForm.php';" style="display: table-cell; vertical-align: middle;">
                                    <div style="text-align:center" onclick="window.location='../Tutor/RegistrationForm/RegistrationForm.php';">
                                        <a href="../Tutor/RegistrationForm/RegistrationForm.php"><h4 style="color:white;">&nbsp;<img src="images/tutor.png" align="middle" height="50px" style="-ms-interpolation-mode: bicubic;" width="50px"><b>SignUp As a Tutor!</b></h4> </a>
                                    </div>
                                </div>
                            </div>


<img src="images/tutor.png" align="middle" height="50px" style="-ms-interpolation-mode: bicubic;" width="50px">

我尝试了一些但却无法获得预期的结果。 任何帮助将不胜感激，提前谢谢。

Answer 1

添加“height：auto;”进入img风格。 IE需要它。

Answer 2

如果你不能用像素或百分比来做到这一点，试试这个

<img src="images/tutor.png" alt="" width="50" height="50" />

或者只是引用此CSS keywords