2 qq 34166707 qq_34166707 于 2016.03.31 08:33 提问

标签<li>中怎么插入背景图片,不能跟标签<dd>同样的用background吗?

鄙人前端初学者,在ul标签下面的li中插入背景图片问题上郁闷了两天,跟视频老师用同样的代码(background:url方法)仍然实现不了,但是在dl下面的dd中用background:url的方法就可以完成,请大师们帮我解决这个烦恼,最好代码举例哦,万分感谢!

7个回答

fubo1990
fubo1990   2016.03.31 09:19

<!DOCTYPE html>








  • s1

  • s2



baidu_34197758
baidu_34197758   2016.03.31 08:39

我觉得你最好把代码贴上来,这样别人看你代码才知道你做错了啥么

showbo
showbo   Ds   Rxr 2016.03.31 09:03

你是怎么嵌套的?内层元素设置了background会覆盖住外层元素的background

fubo1990
fubo1990   2016.03.31 09:20

s1
s2
fubo1990
fubo1990   2016.03.31 09:23

对不起,刚才代码发不出去
li 里面添加下面代码
style="background-image: url(../images/ad.jpg)
图片说明

jcy119
jcy119   2016.03.31 09:43

zhem这么写试一试应该行
jcy119
jcy119   2016.03.31 09:47

<li&gt <li style="background:url ()">

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
css ul li 图标 图片位置定位 背景定位
css ul li 图标 图片位置定位 背景定位  这是网站页面只有一张背景图片的时代 众多大型网站都是背景图片只用一整张这种模式  背景图片的定位应用广泛 .cases li{ lineheight:27px; background:url("images/lilili.gif") norepeat 2px 8px; paddingleft:10px; borderbott
HTML网页制作之DL、DD、DT标签替代UL、LI
HTML网页制作之DL、DD、DT标签替代UL、LI
ul li img标签 图片不显示的问题
可以吧img标签去掉,在li元素中设置 background-image:url('xx.png');的形式显示如果ul设置的是 “inline”,这通常是为了能够水平居中显示,还要确保li元素的宽度足够大,若不显示的li元素没有足够大的图片或文字,可以使用多个&amp;amp;nbsp;代替,参考:&amp;lt;ul&amp;gt;&amp;lt;li class=&quot;bianhao&quot;&amp;gt;Copyright© 2005-2...
用<i>标签添加背景图片
html 代码     css 文件 // .result-box .result-icon {     width: 100px;     height: 100px;     margin: 0 auto 25px; // //上 0px  左右自动     下 25px     background-repeat: no-repeat; //属性设置是否及
从设置a标签背景图片无法显示探究background-image:url()
1、先说问题:把首页面的头部用一个大的背景图平铺,占据全屏,点击图片任何位置,都进行跳转,所以想到把图片作为a标签的背景图的方式来实现,但问题来了,背景图死活无法显示,页面一片空白,代码如下: <div id="banner" class="banner"> <a href="#" class="d1"></a> </div> #banner a{ bac
dl dt dd的嵌套使用
dl dt dd的嵌套使用 dd元素中可以包含block元素,而dt中只能包含inline元素, 在dd中可以包含dl元素 效果是这样的,主要的是效果是在dd中加了一个表格,如果使用表格来实现的话,有点困难,要计算表头要跨越几行,或者使用大表格套个小表格的形式, body{ font-size:12px; line-height:1.8; m
HTML中标签的嵌套原则
我们都知道,html中有大量的标签,div、ul、li、dl、dt、dd、h1~h6、p、a、span、 strong……,我们在运用这些标签进行页面搭建的时候,是可以嵌套起来来使用的(可能面试过程中,有的面试官也会问到相关的标签嵌套规则的问题),但是,嵌套也需要有一定规则,不能任由自己的个人习惯胡乱嵌套,那么,html标签的嵌套规则有哪些呢?我们今天就来简单地给大家说一说。 首先,HTML
table的td设置背景图片
多种方法说明:如何为table的td添加一个图片作为背景
HTML float浮动标签和background 背景标签
做p标签在标签环绕img标签         img标签要浮动就要看向那边浮动       太阳系是以太阳为中心,和所有受到太阳的重力约束天体的集合体:8颗行星、至少165颗已知的卫星、3颗已经辨认出来             的矮行星(冥王星和他的卫星)和数以亿计的太阳系小天体。这些小天体包括小行星、柯伊伯带的天体、彗星和星际尘埃。             依照至太阳的距离,行星序是水星
jquery 动态点击li标签切换背景颜色
废话不多讲老规矩先上图 看效果:&amp;lt;script type=&quot;text/javascript&quot; src=&quot;/jquery/jquery.js&quot;&amp;gt;&amp;lt;/script&amp;gt; 改为你本地项目的js路径&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt;&amp;lt;head&amp;gt;  &amp;lt;script type=&quot;text/javascript&am