设为首页收藏本站
切换到窄版

鱼C论坛

 找回密码
 立即注册
鱼C论坛»论坛 › 编程语言专区 › Web开发 › 本地html不能显示本地图片
返回列表 发新帖
查看: 6798|回复: 4

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

[复制链接]
ftwegc
发表于 2021-7-21 16:37:56 | 显示全部楼层 |阅读模式
50鱼币
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>Document</title>
  8.     <style>
  9.         div{
  10.             color: red;
  11.             width: 100px;
  12.             height: 100px;
  13.             background: url("6.png");

  15.         }
  16.     </style>
  17. </head>
  18. <body>
  19.     <div>
  20.         哈哈
  21.     </div>
  22. </body>
  23. </html>
复制代码

图片不论是绝对路径还是相对路径都不行，vs code和浏览器都不报错
请帮帮我
最佳答案
月排行榜 / 总排行榜
xiaosi4081
2021-7-21 16:37:57
加个background_size就好了
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>Document</title>
  8.     <style>
  9.         div{
  10.             color: red;
  11.             width: 100px;
  12.             height: 100px;
  13.             background-image: url("6.png");
  14.             background-size: 100px 100px;

  16.         }
  17.     </style>
  18. </head>
  19. <body>
  20.     <div>
  21.         哈哈
  22.     </div>
  23. </body>
  24. </html>
复制代码

图片：6.png

图片：6.png
图.png

最佳答案

xiaosi4081

查看完整内容

加个background_size就好了
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

xiaosi4081
发表于 2021-7-21 16:37:57 | 显示全部楼层    本楼为最佳答案   
加个background_size就好了
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>Document</title>
  8.     <style>
  9.         div{
  10.             color: red;
  11.             width: 100px;
  12.             height: 100px;
  13.             background-image: url("6.png");
  14.             background-size: 100px 100px;

  16.         }
  17.     </style>
  18. </head>
  19. <body>
  20.     <div>
  21.         哈哈
  22.     </div>
  23. </body>
  24. </html>
复制代码
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

ftwegc
 楼主| 发表于 2021-7-21 17:02:01 | 显示全部楼层
xiaosi4081 发表于 2021-7-21 16:37
加个background_size就好了

大佬厉害
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

xiaosi4081
发表于 2021-7-21 17:02:38 | 显示全部楼层
ftwegc 发表于 2021-7-21 17:02
大佬厉害

我也是突然想到，图片总得有个尺寸吧
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

28181458
发表于 2021-7-24 16:59:52 From FishC Mobile | 显示全部楼层
还是可以
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2025-11-16 12:57

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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