Html 将鼠标悬停在IE9中边界半径与透明度混乱的png上

我在IE9上遇到了问题。我不知道是什么原因造成的。 在悬停/选中时，缩略图在透明png周围显示一个从白色到灰色的渐变框，缩略图周围还有一个边框半径

关于我应该找什么有什么线索吗

问题示例：

它应该是什么：

---

您需要让渲染引擎知道，即使缩略图悬停在以下位置，边界半径声明仍然存在：

.gyges .tp-thumb-img-wrap,
.gyges .tp-thumb.selected .tp-thumb-img-wrap {
  border-radius: 45px;
}

.gyges .tp-thumb.selected .tp-thumb-img-wrap {
  -webkit-box-shadow: 0px 10px 4px -4px rgba(0, 0, 0, 0.59);
  -moz-box-shadow: 0px 10px 4px -4px rgba(0, 0, 0, 0.59);
  box-shadow: 0px 10px 4px -4px rgba(0, 0, 0, 0.59);
  width: 52px;
  height: 52px;
}

---

在别人的帮助下，我找到了解决问题的办法。 悬停/选定项现在在IE9上正确显示。 我收到了这段代码，还不太确定它到底做了什么，但它在这种情况下起到了作用

    .gyges .tp-thumb:hover .tp-thumb-img-wrap,
    .gyges .tp-thumb.selected .tp-thumb-img-wrap 
    {
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
    }

---

感谢您的帮助和建议。

不幸的是，图像对我们帮助不大。您还需要发布您的HTML。除非您能够创建该问题的演示，否则此问题是不完整的。@ManojKumar在处理此类CSS错误时为什么需要检查HTML？如果我没记错的话，IE9只支持PNG-24而不支持PNG-8的透明度。这可能是个问题。另外，请参见此处：可能相关问题：@feeela OP最好展示演示。只是我给他的建议。我不知道有重复的。我试过这个，但没用。我试过几种不同的方法，但都有相同的结果。即使删除.selected/：hover css规则中的所有内容，也会发生这种情况。但正如我在问题中所说的，我不知道是什么原因造成的，问题可能不是css。我只是不知道。

    .gyges .tp-thumb:hover .tp-thumb-img-wrap,
    .gyges .tp-thumb.selected .tp-thumb-img-wrap 
    {
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
    }