【问题标题】:Image in <div img><div img> 中的图像
【发布时间】:2021-12-22 15:49:40
【问题描述】:

不适用于文件夹“images”中的图像。

div 中的&lt;img src....&gt; 对我没有帮助。 我需要在 div &lt;div style=..[here]&gt; .. 内执行此操作,因为它不是默认设置。

谢谢。

编辑:使用后:

style="background-image: url('/wwwroot/images/Chinchilla.jpg')"

我打开控制台时出错 (f12)。

'Chinchilla.jpg:1 Failed to load resource: the server responded with a status of 404 (Not Found)'

为什么会这样?它是本地的 wwwroot/images/..

【问题讨论】:

  • 如果需要填充 div,通常还是使用 img 元素,然后为元素设置样式以填充 div 更好。
  • 请澄清您的具体问题或提供其他详细信息以准确突出您的需求。正如目前所写的那样,很难准确地说出你在问什么。

标签: html asp.net-mvc image


【解决方案1】:

从样式属性设置图像源的唯一方法是将其设置为背景图像。其语法是: &lt;div style="background-image: url('/folder/path/image2.jpg');"&gt;

请注意,背景图片和 img 样式非常不同。

您的意思似乎是您需要动态设置图像。如果是这样,您将不得不使用一些 JavaScript:

<script type="text/javascript">
  document.getElementById("myImage").src = "image2.jpg";
</script>

或者如果你真的想设置背景图片:

<script type="text/javascript">
  document.getElementById("myImage").style.backgroundImage = "url('image2.jpg')";
</script>

【讨论】:

  • 好吧,它不起作用,我正在尝试这样做:(没有我的 parmatrs atm,也没有任何代码,只有 HTML,它不起作用。
    示例
    • 宠物年龄:00
  • 如前所述,样式与图像属性的样式不同。背景图像有它自己的属性。试试:
  • 如前所述,如果该图像是动态的(未存储在您的本地文件中),如您之前提到的,它不会渲染。图像在 dom 被渲染后异步渲染。首先使用本地图像进行测试。更好的是,我会花一个小时通读 w3schools HTML 文档 (w3schools.com/html/default.asp)。从长远来看,阅读文档总是可以节省时间。除此之外,你是自己的。也许如果你分享一个 git pull 我们可以更好地帮助你?
  • 我现在有另一个问题,我已经编辑了帖子。
  • 404 错误意味着文件(在服务器上)不存在。这证实了我的怀疑,它确实是一个动态文件。我想你可能对此感到头疼。这里没有冒犯的意思,只是友好的建议......我认为你需要更多地了解基础知识。编程是一条漫长而曲折的道路。尤其是当您使用 w 框架时。 ASP.net 是更高级的东西。也许将您的问题移至 ASP 线程?
猜你喜欢
相关资源
最近更新 更多
热门标签