css 为什么内嵌“背景图像”样式在Chrome 10和Internet Explorer 8中不起作用？

x0fgdtte 于 2023-02-26 发布在其他

关注(0)|答案(5)|浏览(116)

为什么following example在Firefox 4中显示图像，而在Chrome 10和Internet Explorer 8中不显示？
超文本：

<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;
}

有什么解决办法吗？

css

来源：https://stackoverflow.com/questions/5846637/why-an-inline-background-image-style-doesnt-work-in-chrome-10-and-internet-ex

5条答案

按热度按时间

c7rzv4ha1#

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

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

Demo here

赞(0）回复(0）举报 2023-02-26

8i9zcol22#

u还必须指定宽度和高度

<section class="bg-solid-light slideContainer strut-slide-0" style="background-image: url(https://accounts.icharts.net/stage/icharts-images/chartbook-images/Chart1457601371484.png); background-repeat: no-repeat;width: 100%;height: 100%;" >

赞(0）回复(0）举报 2023-02-26

flvlnr443#

Chrome 11在调试器中显示以下代码：
[错误] GET http://www.mypicx.com/images/logo.jpg未定义（未定义）
看起来那个主机服务使用了一些时髦的动态系统，阻止了这些浏览器正确地获取它。（相反，它试图获取默认的基础图像，这是一个jpeg。）你能在其他地方上传另一个图像副本吗？我希望这是最简单的解决方案。
编辑：看看当你使用普通的<img>标签放置图像时，Chrome会发生什么;）

赞(0）回复(0）举报 2023-02-26

osh3o9ms4#

它是在我的谷歌浏览器版本11. 0. 696. 60工作
我创建了一个简单的页面，没有其他项目，只有基本的标签，没有单独的CSS文件，并得到了一个图像
这是我设置的：

<div id="placeholder" style="width: 60px; height: 60px; border: 1px solid black; background-image: url('http://www.mypicx.com/uploadimg/1312875436_05012011_2.png')"></div>

我放了一个ID以防有隐藏的ID标签，它工作

赞(0）回复(0）举报 2023-02-26

de90aj5v5#

我想补充一点（以防有人来这里找它），如果你想发送一封风格化的邮件，url（）不可能指向一个本Map像，你必须把那个图像部署到其他地方。

赞(0）回复(0）举报 2023-02-26