> 웹 프론트엔드 > HTML 튜토리얼 > 求教!关于div中的背景图片插入问题!_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-24 11:52:51
원래의
1485명이 탐색했습니다.

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

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

    这是这个部分的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所设置高宽一模一样,到底哪里出问题了,跪求解答啊。


    回复讨论(解决方案)

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

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

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

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

    D:\

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

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

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

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿