html - 通过 CSS 进行的图像转换不适用于 Chrome 和 IE

标签 html css image google-chrome png

这是我的代码,在 Firefox 中运行良好,但它无法以 FF 这次在 chrome 和 IE 中显示的所需格式运行。

当页面加载时,它甚至在 Chrome 中显示,但之后所有转换都停止工作,让我知道我做错了什么或如何修复它。

注意 - 我知道 blank.jpg 在这里不存在,但我相信这不会对修复造成伤害。

fiddle - Star Fix

FF截图(需要)

FireFox

Chrome 屏幕截图(不正确)

Chrome

最佳答案

blank.jpg 确实 有所作为此处不存在,Firefox 将图像处理为 0x0,但 Chrome 将其处理为 50x50,因为这是您在 <img> 中设置的标记

JSFiddle

关于html - 通过 CSS 进行的图像转换不适用于 Chrome 和 IE,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14825707/

相关文章:

jquery - 如何在 Jquery 中使用其 id 更改行的颜色

html - 纯 CSS 幻灯片单选按钮(第四个按钮作为第一个?)

android - 如何编程按钮将表格布局导出到 Android 应用程序上的图像或 PDF 文件

ios - 显示边界外的图像 - iOS/Swift

javascript - 图片不使用 JavaScript 切换

html - 我正在设计的 tumblr 主题中的标题不会响应任何颜色代码

html - 如何通过id在特定元素上应用css

php - Wordpress 循环无法正常工作

jquery - BlackBerry Webworks 滚动超出宽度或高度

html - CSS随窗口高度的变化调整图像高度