.net 为啥绝对路径的img在ie8中不显示啊?

Posted 2023-04-23

在IETester中可以显示
<img src=D:/images/http_imgloadCA3QDHFN.jpg />

参考技术A <img src="D:/images/http_imgloadCA3QDHFN.jpg" />
试试看(你上面少了引号),追问

没有少引号啊。。。

追答

好像你把斜杠写反了吧?,顺带加一个alt="" 规范一点

追问

还是不行啊。。。。

追答

你的img是嵌套到哪里的? 图片这里没有问题,就应该是外部嵌套的标签的问题了.

追问

直接在body里呢，因为我是测试这个绝对路径呢。。。其实是做一个图片上传同时预览的功能，没想到火狐可以，但是IE不可以，就是因为这个绝对路径的原因

追答

要不你这样吧. 把图片放到站点目录下.然后绝对地址采用 站点+相对路径就可以了
如:
貌似IE不支持把路径指向站点外部的文件.

追问

您的意思就是我先上传保存到站点下，然后我再预览是吗？可是我不想先上传再预览啊，就是要在上传之前预览的。

参考技术B Server.MapPath("~/路径");
就可以映射到服务器的路径
另外,站长团上有产品团购,便宜有保证 参考技术C 换兼容模式试试追问

不行试过了。。。。

追答

绝对路径的话你本地调试还ok，如果是别的电脑访问你的就出问题了，一般都不推荐用绝对路径的

追问

其实是做一个图片上传同时预览的功能，在上传之前可以预览图片，但是预览不出来照片因为是绝对路径，但是火狐可以。而且IETester也可以。

追答

你预览可以先上传的到服务器的缓存里面进行预览嘛，本地预览跟服务器会不同步的

参考技术D 换成相对路径呢？追问

相对路径没问题。

追答

你在ie8中打开页面 然后看看这个地方的源码呢？看有没有什么问题

追问

这个是源码。。没有任何问题。。。。

图标在 Chrome 和 firefox 中显示，但在 IE 中不显示

【中文标题】图标在 Chrome 和 firefox 中显示，但在 IE 中不显示

【英文标题】：Icon showing in Chrome & firefox but not in IE

【发布时间】：2015-01-11 14:30:41

【问题描述】：

这是我从 IE 中提取的 CSS：

.hglghts .active.yes-icon, .hglghts .yes-icon 
    background: url("../img/yes_sir.png") no-repeat;
    width: 27px;
    background-position: initial;
    display: inline-block;
    opacity: 1;
    margin-right: -5px;
    vertical-align: middle;
    height: 17px;
    position: relative;
    top: 1px;

它没有显示。我使用的是 IE11。

这是我从 Chrome 中提取的内容，同样的内容，但正在显示？

.hglghts .yes-icon.active, .hglghts .yes-icon 
    background: url("../img/yes_sir.png") no-repeat;
    width: 27px;
    background-position: initial!important;
    display: inline-block;
    opacity: 1;
    margin-right: -5px;
    vertical-align: middle;
    height: 17px;
    position: relative;
    top: 1px;

谁能告诉我我做错了什么？

【问题讨论】：

这应该对你有帮助：***.com/questions/20823105/…

【参考方案1】：

问题应该在initial背景位置。

你 left top 或 0 0 代替。

background-position: left top;

或者更好，在一行中：

background: url("../img/yes_sir.png") left top no-repeat;

【讨论】：

我把它改成了：url("../img/yes_sir.png") left top no-repeat。还是没有图片？