Html 未在internet explorer中调整PNG图像的大小

嗨

我在我的代码中使用png图像。png图像在除ie 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">

我尝试了几件事，但没有得到预期的结果。

---

如有任何帮助，将不胜感激。

在img样式中添加“高度：自动；”。IE需要它。

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

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

---

或者只参考这个CSS

百分比而不是像素如何？宽度和高度你确定吗？你做了像WiseWidth=“40%”这样的更改吗？是的，我做了更改，但它不起作用