gpt4 book ai didi

html - Mozilla Firefox 不从本地机器加载图像

转载 作者:行者123 更新时间:2023-11-28 00:10:46 25 4
gpt4 key购买 nike

我正在尝试运行一个带有图像和 div 的简单 html 页面。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<style>
* {
box-sizing: border-box;
}
.container {
width: 240px;
height: 280px;
position: relative;
}

.tag {
position: absolute;
left: 10%;
bottom: 0px;
height: 220px;
width: 202px;
background-color: #4a8ab0;
border-radius: 6px;
color: #FFFFFF;
padding: 10px;
opacity: 0.9;
}

.sideHeader {
font-family: 'Quicksand', sans-serif;
font-size: 18px;
}

p {
font-family: 'Open Sans', sans-serif;
font-size: 11.5px;
letter-spacing: 0.01em;
}

</style>
</head>
<body>
<!--​-->
<div class="container">
<img src="D:/ata/images/cropped_box.jpg" style="height:210px;width:240px;">
<div class="tag"><div class="sideHeader"><b>Did you know</b></div>
<p>
With HTML you can create your own Website.This tutorial teaches you everything about HTML.HTML is easy to learn - You will enjoy it.
</p>
</div>
</div>
</body>
</html>

我可以在显示图像和 div 的谷歌浏览器和 Internet Explorer 中成功运行代码。在 mozilla firefox 中,图像不显示。它也没有显示错误。我尝试在互联网上使用图像。哪个显示正常。为什么 mozilla 的行为与本地数据不同?那是特定于浏览器的问题吗?我使用的是 66.0.2(64 位)版本的 firefox。我该如何解决?我尝试将反斜杠更改为正斜杠。但它不起作用。请帮忙。提前致谢。

最佳答案

嗯,解决方案非常简单。将图像标签重写为:

<img src="file://D:/ata/images/cropped_box.jpg" style="height:210px;width:240px;">

关于html - Mozilla Firefox 不从本地机器加载图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55412628/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com