设为首页收藏本站

切换到窄版

鱼C论坛»论坛 › 技术交流 › Web开发 › 本地html不能显示本地图片

发新帖

查看: 4916|回复: 4

[已解决]本地html不能显示本地图片

发表于 2021-7-21 16:37:56 | 显示全部楼层 |阅读模式

50鱼币

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div{
color: red;
width: 100px;
height: 100px;
background: url("6.png");
}
</style>
</head>
<body>
<div>
哈哈
</div>
</body>
</html>

复制代码

图片不论是绝对路径还是相对路径都不行，vs code和浏览器都不报错
请帮帮我

最佳答案

月排行榜 / 总排行榜

xiaosi4081

2021-7-21 16:37:57

加个background_size就好了

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div{
color: red;
width: 100px;
height: 100px;
background-image: url("6.png");
background-size: 100px 100px;
}
</style>
</head>
<body>
<div>
哈哈
</div>
</body>
</html>

复制代码

跳转到最佳答案楼层

图片：6.png

图片：6.png

图.png

最佳答案

查看完整内容

加个background_size就好了

想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com

回复

使用道具举报

发表于 2021-7-21 16:37:57 | 显示全部楼层本楼为最佳答案

这个最佳答案由 xiaosi4081 给出，感谢 xiaosi4081 的回答。

单击隐藏图章

加个background_size就好了

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div{
color: red;
width: 100px;
height: 100px;
background-image: url("6.png");
background-size: 100px 100px;
}
</style>
</head>
<body>
<div>
哈哈
</div>
</body>
</html>

复制代码

想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com

回复

使用道具举报

楼主| 发表于 2021-7-21 17:02:01 | 显示全部楼层

xiaosi4081 发表于 2021-7-21 16:37
加个background_size就好了

大佬厉害

想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com

回复

使用道具举报

发表于 2021-7-21 17:02:38 | 显示全部楼层

ftwegc 发表于 2021-7-21 17:02
大佬厉害

我也是突然想到，图片总得有个尺寸吧

想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com

回复

使用道具举报

发表于 2021-7-24 16:59:52 From FishC Mobile | 显示全部楼层

还是可以

想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com

回复

使用道具举报

发新帖

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-6-5 04:36

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表