Question

droppages文件夹设置使文件路径为

/Content/webpage.txt
/Public/main.css
/Public/image.png

最初我使用CSS将图像放在页面上：

body#idname {
    background: #ffffff url("image.png") no-repeat center right;
    margin-right: 200px;
}

（基本上跟随this example），这有助于让图像显示出来，但是布局完全不可思议。在查看float是否可以与background-image一起使用时，我在这里阅读了几个问题，表明HTML会更合适，因为这个特定的图像比内容更像内容。所以现在我的CSS看起来像

img#idname {
    float: right;
    border: 0;
    margin-top: 400px 40px 100px;
    height: 282px;
    width: 300px;
}

并且，对于相应的HTML，我已经尝试了

<img id="idname" src="/Public/image.png" alt="alt text description">
<img id="idname" src="Public/image.png" alt="alt text description">
<img id="idname" src="../image.png" alt="alt text description">
<img id="idname" src="image.png" alt="alt text description">
<img id="idname" src="/image.png" alt="alt text description">
<img id="idname" src="./image.png" alt="alt text description">

加上id后src和alt之后的所有上述变体而不是之前（这会产生什么影响？）并将DropBox共享链接放入{{ 1}}（这是我对另一页上的src标记所做的）。我也尝试重命名<audio>，然后再次命名它以强制DropBox重置缓存，因为这是这些设置的常见问题，以及重命名webpage.txt - 一切都无济于事。替代文字是我能看到的最多：

Firefox渲染alt文本而不是其他内容。检查元素＆gt;网络标签＆gt;显示图像的404。

Safari会在中心呈现带有“无图像”图标的边框。检查元素＆gt;网络标签＆gt;显示图像文件“404找不到页面”，CSS文件显示“304未修改”。

Android上的Dolphin浏览器也会渲染边框，但其中包含alt文本;默认浏览器渲染很像Safari。我在两者中都试过了image.png，但是对于这两种浏览器都没有走得太远;图像显然是404，但我不确定样式表在移动设备上做了什么。

我猜我需要修复我的代码，我只是不知道我搞砸了哪里或者什么。请帮忙吗？

使用HTML img标记

0 个答案: