Javascript 边缘显示.jpg图像为随机彩色正方形

Javascript 边缘显示.jpg图像为随机彩色正方形,javascript,html,css,image,microsoft-edge,Javascript,Html,Css,Image,Microsoft Edge,我最近遇到了一个问题,它可能是Edge中的一个浏览器错误,因为我确信它以前工作正常,但我有一些.jpg图像没有显示在Edge中(但在IE、Chrome、Firefox中显示良好),而我看到的只是一种颜色(不同图像的颜色不同-即使没有背景色或任何其他颜色属性-因此,如果图像未显示,则应为白色-这些图像使用半径和阴影样式,但删除它们没有任何区别 当我右键单击并保存图像时,正确的jpg被下载,链接很好,正如我所说,它可以在其他浏览器上运行,但不再在edge上运行(据我所知,没有任何变化)。有什么想法吗

我最近遇到了一个问题,它可能是Edge中的一个浏览器错误,因为我确信它以前工作正常,但我有一些.jpg图像没有显示在Edge中(但在IE、Chrome、Firefox中显示良好),而我看到的只是一种颜色(不同图像的颜色不同-即使没有背景色或任何其他颜色属性-因此,如果图像未显示,则应为白色-这些图像使用半径和阴影样式,但删除它们没有任何区别

当我右键单击并保存图像时,正确的jpg被下载,链接很好,正如我所说,它可以在其他浏览器上运行,但不再在edge上运行(据我所知,没有任何变化)。有什么想法吗

从边缘上看:

在其他浏览器上可以看到:

我尝试过删除样式,检查div是否有重叠或其他常见问题,一切看起来都正常

.sitelinks{
保证金:10px 42px 10px 45px;
填充:20px 5px 20px 5px;
宽度:180px;
垂直对齐:顶部;
显示:内联块;
}
.sitelinks:悬停{
背景:#CCC;
}
.sitelinks-img{
宽度:1px;
高度:1px;
盒影:3px 5px 12px#000000;
边界半径:50%;
}
.sitelinks img:悬停{
-o变换:标度(1.06);
-webkit转换:比例(1.06);
-ms变换:比例(1.06);
-莫兹变换:比例(1.06);
转换:比例(1.06);
}
.描述{
左侧填充:10px;
填充顶部:10px;
宽度:160px;
文本对齐:居中;
字号:1.4em;
颜色:#333;
字体系列:“流沙”,无衬线;
字号:600;
}

我发现了问题,Edge不喜欢将jpeg的初始大小设置为1px,增加此值一切都像以前一样工作-我不知道Edge中发生了什么变化,但我已将初始大小设置为2px,一切正常


为你们的帮助干杯,我第一次来到这里,但毫无疑问,这将是我的最后一次。

我发现了问题,Edge不喜欢jpeg的初始大小设置为1px,增加这个值一切都像以前一样工作-我不知道Edge有什么变化,但我已经将初始大小设置为2px,一切都很好


为你们的帮助干杯,我第一次来到这里,但这将是我最后一次毫无疑问。

Edge的开发者控制台/DOM inspector向你们展示了什么?没什么不寻常的,但是Edge为img标签增加了一个宽度和高度,尽管它是由css控制的,但它的每件事看起来都很好,但没有jpg图像。Edge的开发者控制台/DOM ins是什么胸针给你看?没什么不寻常的,但是edge为img标签增加了一个宽度和高度,尽管它是由css控制的,但是它看起来一切都很好,但是没有jpg图像。我建议如果它解决了你的问题,你可以将你的答案标记为解决方案,这将有助于遇到同样问题的人。我建议你可以如果你的答案解决了你的问题,那就把它当作解决方案,这对遇到同样问题的人会有帮助。