css中 ul 无效

jiananmeidihong 2011-05-03 11:08:51
ul无效


css

.tesun{ width:475px; height:400px; margin-bottom:3px;display:inline; position:relative; z-index:1;float:left}
.tesun_quyu_bg{width:473px; height:40px; top:350px; left:1px; position:absolute; background-color:#000000; filter:alpha(opacity=60);opacity:0.6; z-index:10;}
.tesun_quyu{width:473px; height:40px; top:350px; left:1px; position:absolute; z-index:20;filter:alpha(opacity=100);opacity:1; line-height:40px; color:#FFFFFF; }
.tesun_quyu span{margin:0px 12px;}
.tesun_quyu ul{ list-style:none; margin:0; padding:0;}
.tesun_quyu li{ list-style:none; margin:0; padding:0; float:left; margin-left:10px; margin-right:10px;}

html
<div class="tesun">
<div class="tesun_quyu_bg"></div>
<div class="tesun_quyu">
<ul><li>1</li></ul>
</div>
</div>

不能显示 ul 内容

<div class="tesun">

<div class="tesun_quyu_bg"></div>
<div class="tesun_quyu">
<span><a href="#" target="_blank">罗湖区</a></span><span> <a href="#" target="_blank">福田区</a></span><span><a href="#" target="_blank"> 龙岗区</a></span><span> <a href="#" target="_blank">宝安区</a></span><span> <a href="#" target="_blank">南山区</a></span><span> <a href="#" target="_blank">盐田区</a></span>
</div>
</div>

可以显示span内容

请问怎样显示出ul内容呢？



...全文
188 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
hongmei85 2011-05-03
  • 打赏
  • 举报
 回复
ie6和ff下都显示正常呀
xuexiaodong2009 2011-05-03
  • 打赏
  • 举报
 回复
<div class="tesun">
<div class="tesun_quyu_bg"></div>
<div class="tesun_quyu">
<ul><li>1</li>ulululululul</ul>
</div>
</div>
jiananmeidihong 2011-05-03
  • 打赏
  • 举报
 回复
[Quote=引用 2 楼 hongmei85 的回复:]
ie6和ff下都显示正常呀
[/Quote]

css

<style type="text/css">
.tesun{ width:475px; height:400px; margin-bottom:3px;display:inline; position:relative; z-index:1; float:left;}
.tesun_quyu_bg{width:473px; height:40px; top:350px; left:1px; position:absolute; background-color:#000000; filter:alpha(opacity=60);opacity:0.6; z-index:10;}
.tesun_quyu{width:473px; height:40px; top:350px; left:1px; position:absolute; z-index:20;filter:alpha(opacity=100);opacity:1; line-height:40px; color:#FFFFFF; }
.tesun_quyu span{margin:0px 12px;}
.tesun_quyu a{color:#FFFFFF;}
.tesun_quyu a:hover{text-decoration:underline;}
.tesun_quyu ul{ list-style:none; margin:0; padding:0;}
.tesun_quyu li{ list-style:none; margin:0; padding:0; float:left; margin-left:10px; margin-right:10px;}
.tesun_l{width:9px; height:400px; background:url(file:///E|/99Home/images/tesxun_l.gif) no-repeat; float:left;}
.tesun_r{width:9px; height:400px; background:url(file:///E|/99Home/images/tesxun_r.gif) no-repeat; float:left;}
.tesun_m{width:457px; height:400px; background:url(file:///E|/99Home/images/tesxun_m.gif) repeat-x; float:left;}
.tesun_house{width:453px; height:175px; margin:0 auto;}
.texun_tupian{width:221px; height:175px; float:left}
.tesun_pic{width:221px; height:147px;}
.tesun_pic_title{width:221px; height:28px; text-align:center; font-size:14px; line-height:28px;}
</style>


html
<body>
<div class="tesun">
<div class="tesun_l"></div>
<div class="tesun_m">
<div class="title1"><img src="images/wz_1.gif" border="0" /></div>
<div class="tesun_house">
<div class="texun_tupian">
<div class="tesun_pic "><a href="#" target="_blank"><img src="images/221x147/1.jpg" border="0" /></a></div>
<div class="tesun_pic_title"><a href="#" target="_blank">观澜湖别墅</a></div>
</div>
<div class="texun_tupian">
<div class="tesun_pic "><a href="#" target="_blank"><img src="images/221x147/2.jpg" border="0" /></a></div>
<div class="tesun_pic_title "><a href="#" target="_blank">观澜湖别墅</a></div>
</div>
</div>
<div class="tesun_house">
<div class="texun_tupian">
<div class="tesun_pic "><a href="#" target="_blank"><img src="images/221x147/3.jpg" border="0" /></a></div>
<div class="tesun_pic_title " style="display:none"><a href="#" target="_blank">观澜湖别墅</a></div>
</div>
<div class="texun_tupian">
<div class="tesun_pic "><a href="#" target="_blank"><img src="images/221x147/4.jpg" border="0" /></a></div>
<div class="tesun_pic_title " style="display:none;"><a href="#" target="_blank">观澜湖别墅</a></div>
</div>
</div>
</div>
<div class="tesun_r left"></div>
<div class="tesun_quyu_bg"></div>
<div class="tesun_quyu">
<span><a href="#" target="_blank">罗湖区</a></span><span> <a href="#" target="_blank">福田区</a></span><span><a href="#" target="_blank"> 龙岗区</a></span><span> <a href="#" target="_blank">宝安区</a></span><span> <a href="#" target="_blank">南山区</a></span><span> <a href="#" target="_blank">盐田区</a></span>

</div>
</div>
</body>

span内容可以显示

<div class="tesun">
<div class="tesun_l"></div>
<div class="tesun_m">
<div class="title1"><img src="images/wz_1.gif" border="0" /></div>
<div class="tesun_house">
<div class="texun_tupian">
<div class="tesun_pic "><a href="#" target="_blank"><img src="images/221x147/1.jpg" border="0" /></a></div>
<div class="tesun_pic_title"><a href="#" target="_blank">观澜湖别墅</a></div>
</div>
<div class="texun_tupian">
<div class="tesun_pic "><a href="#" target="_blank"><img src="images/221x147/2.jpg" border="0" /></a></div>
<div class="tesun_pic_title "><a href="#" target="_blank">观澜湖别墅</a></div>
</div>
</div>
<div class="tesun_house">
<div class="texun_tupian">
<div class="tesun_pic "><a href="#" target="_blank"><img src="images/221x147/3.jpg" border="0" /></a></div>
<div class="tesun_pic_title " style="display:none"><a href="#" target="_blank">观澜湖别墅</a></div>
</div>
<div class="texun_tupian">
<div class="tesun_pic "><a href="#" target="_blank"><img src="images/221x147/4.jpg" border="0" /></a></div>
<div class="tesun_pic_title " style="display:none;"><a href="#" target="_blank">观澜湖别墅</a></div>
</div>
</div>
</div>
<div class="tesun_r left"></div>
<div class="tesun_quyu_bg"></div>
<div class="tesun_quyu">
<ul><li>1</li>
</ul>
</div>
</div>

ul内容不能显示？

请问为什么ul不能显示呢？
jiananmeidihong 2011-05-03
  • 打赏
  • 举报
 回复
[Quote=引用楼主 jiananmeidihong 的回复:]
ul无效


css

.tesun{ width:475px; height:400px; margin-bottom:3px;display:inline; position:relative; z-index:1;float:left}
.tesun_quyu_bg{width:473px; height:40px; top:350px; left:1px; position:a……
[/Quote]


全部内容


css

<style type="text/css">
.tesun{ width:475px; height:400px; margin-bottom:3px;display:inline; position:relative; z-index:1; float:left;}
.tesun_quyu_bg{width:473px; height:40px; top:350px; left:1px; position:absolute; background-color:#000000; filter:alpha(opacity=60);opacity:0.6; z-index:10;}
.tesun_quyu{width:473px; height:40px; top:350px; left:1px; position:absolute; z-index:20;filter:alpha(opacity=100);opacity:1; line-height:40px; color:#FFFFFF; }
.tesun_quyu span{margin:0px 12px;}
.tesun_quyu a{color:#FFFFFF;}
.tesun_quyu a:hover{text-decoration:underline;}
.tesun_quyu ul{ list-style:none; margin:0; padding:0;}
.tesun_quyu li{ list-style:none; margin:0; padding:0; float:left; margin-left:10px; margin-right:10px;}
.tesun_l{width:9px; height:400px; background:url(file:///E|/99Home/images/tesxun_l.gif) no-repeat; float:left;}
.tesun_r{width:9px; height:400px; background:url(file:///E|/99Home/images/tesxun_r.gif) no-repeat; float:left;}
.tesun_m{width:457px; height:400px; background:url(file:///E|/99Home/images/tesxun_m.gif) repeat-x; float:left;}
.tesun_house{width:453px; height:175px; margin:0 auto;}
.texun_tupian{width:221px; height:175px; float:left}
.tesun_pic{width:221px; height:147px;}
.tesun_pic_title{width:221px; height:28px; text-align:center; font-size:14px; line-height:28px;}
</style>


html
<body>
<div class="tesun">
<div class="tesun_l"></div>
<div class="tesun_m">
<div class="title1"><img src="images/wz_1.gif" border="0" /></div>
<div class="tesun_house">
<div class="texun_tupian">
<div class="tesun_pic "><a href="#" target="_blank"><img src="images/221x147/1.jpg" border="0" /></a></div>
<div class="tesun_pic_title"><a href="#" target="_blank">观澜湖别墅</a></div>
</div>
<div class="texun_tupian">
<div class="tesun_pic "><a href="#" target="_blank"><img src="images/221x147/2.jpg" border="0" /></a></div>
<div class="tesun_pic_title "><a href="#" target="_blank">观澜湖别墅</a></div>
</div>
</div>
<div class="tesun_house">
<div class="texun_tupian">
<div class="tesun_pic "><a href="#" target="_blank"><img src="images/221x147/3.jpg" border="0" /></a></div>
<div class="tesun_pic_title " style="display:none"><a href="#" target="_blank">观澜湖别墅</a></div>
</div>
<div class="texun_tupian">
<div class="tesun_pic "><a href="#" target="_blank"><img src="images/221x147/4.jpg" border="0" /></a></div>
<div class="tesun_pic_title " style="display:none;"><a href="#" target="_blank">观澜湖别墅</a></div>
</div>
</div>
</div>
<div class="tesun_r left"></div>
<div class="tesun_quyu_bg"></div>
<div class="tesun_quyu">
<span><a href="#" target="_blank">罗湖区</a></span><span> <a href="#" target="_blank">福田区</a></span><span><a href="#" target="_blank"> 龙岗区</a></span><span> <a href="#" target="_blank">宝安区</a></span><span> <a href="#" target="_blank">南山区</a></span><span> <a href="#" target="_blank">盐田区</a></span>

</div>
</div>
</body>

span内容可以显示

<div class="tesun">
<div class="tesun_l"></div>
<div class="tesun_m">
<div class="title1"><img src="images/wz_1.gif" border="0" /></div>
<div class="tesun_house">
<div class="texun_tupian">
<div class="tesun_pic "><a href="#" target="_blank"><img src="images/221x147/1.jpg" border="0" /></a></div>
<div class="tesun_pic_title"><a href="#" target="_blank">观澜湖别墅</a></div>
</div>
<div class="texun_tupian">
<div class="tesun_pic "><a href="#" target="_blank"><img src="images/221x147/2.jpg" border="0" /></a></div>
<div class="tesun_pic_title "><a href="#" target="_blank">观澜湖别墅</a></div>
</div>
</div>
<div class="tesun_house">
<div class="texun_tupian">
<div class="tesun_pic "><a href="#" target="_blank"><img src="images/221x147/3.jpg" border="0" /></a></div>
<div class="tesun_pic_title " style="display:none"><a href="#" target="_blank">观澜湖别墅</a></div>
</div>
<div class="texun_tupian">
<div class="tesun_pic "><a href="#" target="_blank"><img src="images/221x147/4.jpg" border="0" /></a></div>
<div class="tesun_pic_title " style="display:none;"><a href="#" target="_blank">观澜湖别墅</a></div>
</div>
</div>
</div>
<div class="tesun_r left"></div>
<div class="tesun_quyu_bg"></div>
<div class="tesun_quyu">
<ul><li>1</li>
</ul>
</div>
</div>

ul内容不能显示？

请问为什么ul不能显示呢？
细说CSS(CSS+CSS3)
本课程包含7章45个小节课程，内容涵盖：CSS基础、CSS选择器、CSS属性和属性值、CSS 边框和背景、CSS盒子模型、文本样式等。
css中ul标签高度超过li标签,li浮动时ul高度为0，解决ul自适应高度的几种方法
在网页设计中，常常需要对li标签做浮动效果，但是在不同浏览器中会遇到兼容性问题，比如IE中会出现ul高度为0的情况，是效果不能达到预期效果。那么这里我就来讲解一下解决这个问题的几种方法。1.给ul元素设置高度...
html 中<ul>不占空间,css – UL占用全宽而不设置宽度
我希望UL的宽度与li中最长的文本相匹配,但是如果我没有为我的ul设置宽度(目前为28.5％),它只需占用100％.尝试过使用max-width,但也失败了.码：LinkLink2CSS：ul.nav-shop {width: 28.5%;background: #15a2e7;min-...
html li 无效,CSS定义奇怪问题：.ul li{} 花括号中的设置失效
具体是这样：定义一个 ul 的 CSS 样式，再用 ul 的 CSS 样式定义 li 的样式，即 .ul li{}，结果 ul 的 CSS 样式有效，li 的 CSS 样式却失效了。为了弄清楚原因，把 ul li 及其 CSS 样式复制到另一个 html 文件，依然...
为什么html中ul不起作用,给ul的其中一个li定义的CSS不起作用（双重CSS）
给列表元素(如 ul li、ol li)定义 CSS 样式，通常的做法是给父元素(如 ul)定义一个 CSS 样式，再用这个样式来定义子元素(如 li)的样式，因为子元素通常比较多，样式又大多相同，一个个定义比较麻烦。这样定义有时会...
CSS

61,112

社区成员

60,730

社区内容

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章