微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > html教程 > 正文

求教！关于div中的背景图片插入问题！_html/css_WEB-ITnose

php中文网
发布： 2016-06-24 11:52:51
原创
1718人浏览过

我要做一个导航栏。利用无序列表

  • 等标签，但是整了一下午都没能把背景图片显示出来。请各位大神帮忙解答一下。

    这是这个部分的html代码：




    这是css中这个部分的代码：


    #header{width:900px;height:100px;margin:0px auto;clear:both;}
    #banner{width:900px;height:25px;margin:0px auto;clear:both;background:url(D:\网站建立\HTML程序\诗词库\图片\banner.jpg)repeat;}
    #banner li{width:225px;line-height:25px;text-align:center;float:left;background:url(D:\网站建立\HTML程序\诗词库\图片\banner2.jpg)repeat;}
    #banner li.last{background:none;}
    #banner li a{font-size:19px;color:blue;}
    #banner li a:hover{font-weight:bold;color:#ffff00;text-decoration:none;}


    现在并排显示并且居中的功能都已经实现了，就是怎么弄也无法显示出背景图片来，试了很多方法，两张背景图片的大小都和div所设置高宽一模一样，到底哪里出问题了，跪求解答啊。

    360智图
    360智图

    AI驱动的图片版权查询平台

    360智图 143
    查看详情 360智图

    回复讨论(解决方案)

    D:\网站建立\HTML程序\诗词库\图片
    地址换成http协议的

    D:\网站建立\HTML程序\诗词库\图片
    地址换成http协议的

    D:\网站建立\HTML程序\诗词库\图片
    地址换成http协议的

    怎么换啊？ 我是个初学者，只是单纯的在txt文档上写，需要在本地搭建一个服务器么？

    D:\

    这部分改成file:///D|/

    然后路径立马的\都改成/

    路径最好不要用中文的file:///D:/网站建立/HTML程序/诗词库\图片/banner.jpg

大家都在看：

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：cnzz代码添加元素到页面_html/css_WEB-ITnose 下一篇：CSS：属性选择器_html/css_WEB-ITnose
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
React与Tailwind CSS：实现可点击链接与自定义样式 在React与TailwindCSS项目中，实现可点击链接并进行样式定制是一个常见需求。由于Tailwind的预设样式可能覆盖浏览器默认的链接样式，导致标签与普通文本无异。本文将详细指导如何在不依赖额外npm包的情况下，通过className属性为标签添加视觉区分和交互效果，同时探讨更复杂的路由场景。
2025-11-21 11:02:02
638
JavaScript：利用按钮和标志位优雅控制函数内循环 本文将详细介绍在JavaScript中，如何通过结合使用按钮事件、全局标志变量以及递归setTimeout模式，实现对函数内部模拟循环的启动与停止控制。这种方法避免了传统for循环的阻塞问题，并提供了用户友好的交互方式来管理长时间运行的异步操作。
2025-11-21 11:01:01
967
CSS实现圆形菜单外围数字环绕布局教程 本教程旨在解决CSS圆形菜单中数字元素定位不准确的问题。通过引入额外的HTML包装器和精细调整CSStransform属性，特别是translate值，我们将演示如何精确控制数字在圆形菜单外围的径向位置，同时保持其文本方向正确。本文将提供完整的代码示例和详细解释，帮助您构建结构清晰、布局合理的圆形菜单。
2025-11-21 10:59:35
770
Django UpdateView 关联模型与图片上传：更新用户档案的完整指南 本文详细指导如何在DjangoUpdateView中同时更新用户（User）模型及其关联的档案（Profile）模型，特别是如何正确处理用户头像等文件上传。我们将探讨文件上传时使用request.FILES的关键性，并提供优化的视图代码和前端HTML配置，确保数据（包括图片）能够被正确保存。
2025-11-21 10:58:21
401
使用 requestAnimationFrame 实现自动视差文本滚动动画 本教程详细介绍了如何将基于鼠标悬停事件的视差文本动画转换为平滑的自动滚动效果。通过替换传统的事件监听器，利用requestAnimationFrameAPI优化动画性能，并结合JavaScript逻辑实现动画的持续更新和时长控制。文章提供了完整的代码示例，帮助开发者理解并实现高性能的Web动画。
2025-11-21 10:56:30
896
在Django模型中动态计算可用余额：通过重写save方法实现扣减 本文详细阐述如何在Django模型中，通过重写save方法，将模型中预设的扣减金额（amount_input）从当前余额（current_balance）中扣除，从而动态计算并更新可用余额（available_balance）。这种方法确保了每次模型实例保存时，可用余额字段都能自动且准确地反映最新的财务状态，是实现账户余额管理的一种高效且内聚的实践方式。
2025-11-21 10:56:01
248
页面加载延迟自动选中单选框的JavaScript教程 本文旨在提供一个详细的JavaScript教程，指导开发者如何在网页加载后，通过设置特定延迟自动选中指定的单选按钮。我们将利用setTimeout函数实现时间延迟，并结合document.getElementById().click()方法模拟用户点击行为，确保目标单选框在预设时间后被激活，从而优化用户交互流程或满足特定业务需求。
2025-11-21 10:52:09
851
禁用JavaScript和HTML测验中的重新开始按钮 本文旨在提供一种防止用户在JavaScript和HTML测验中重复开始测验的方法。通过使用Cookie，即使在刷新浏览器后，也能保持开始按钮的禁用状态，从而确保测验的完整性和防止作弊行为。本文将详细介绍如何利用JavaScript创建和检查Cookie来实现这一目标。
2025-11-21 10:49:02
948
HTML Sanitizer API与SVG元素处理：局限性及替代方案 本文深入探讨了HTMLSanitizerAPI在处理SVG元素时面临的挑战，指出其作为实验性特性，存在浏览器支持度差和仅支持HTTPS协议等局限性，导致即使配置允许也可能无法正确保留SVG标签。文章提供了尝试配置SVG的示例代码，并重点推荐了轻量级且兼容性更好的purify-html库作为当前的有效替代方案，以确保安全地净化HTML内容。
2025-11-21 10:47:21
452
HTML类名深入解析：理解与最佳实践 本文深入探讨HTML中类名的不同表示形式及其含义，重点区分单一类名、复合类名以及通过空格分隔的多重类名。文章将详细阐述空格在CSS类应用中的关键作用，并介绍常见的类名命名规范，帮助开发者构建更清晰、可维护的样式结构。
2025-11-21 10:45:36
657
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部