html - 为什么内联 "background-image"样式在 Chrome 10 和 Internet Explorer 8 中不起作用?

标签 html css google-chrome internet-explorer-8 background-image

为什么 following example在 Firefox 4 中显示图像,但在 Chrome 10 和 Internet Explorer 8 中不显示图像?

HTML:

<div style="background-image: url('http://www.mypicx.com/uploadimg/1312875436_05012011_2.png')"></div>

CSS:

div {
    width: 60px;
    height: 60px;
    border: 1px solid black;
}

有什么解决方法吗?

最佳答案

正如 c-smile 提到的:只需要删除 url() 中的撇号:

<div style="background-image: url(http://i54.tinypic.com/4zuxif.jpg)"></div>

Demo here

关于html - 为什么内联 "background-image"样式在 Chrome 10 和 Internet Explorer 8 中不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5846637/

相关文章:

javascript - 检测是否从 javascript 启用了移动 chrome 的数据保存功能

javascript - 覆盖元素中的 JavaScript/HTML/CSS/etc... 文件

Java HTML 解析无法获取我的数据?

php - 将 CSS 规则应用于 woocommerce 产品后端页面

javascript - promise 导致崩溃的网络 worker

javascript - 如何等到元素存在?

javascript - Jquery attr 不能为 Checkbox Required 属性正常工作

javascript - 当显示较小时,div 从外部 div 弹出

HTML 和 CSS 多层下拉菜单,需要悬停着色方面的帮助

javascript - 即使元素已经消失,悬停状态也会在过渡期间保持不变