div+css 像新浪微博的上面那种导航条怎么实现?

html-css029

div+css 像新浪微博的上面那种导航条怎么实现?,第1张

一个简单的代码

<html>

<head>

<title>...</title>

<style type="css/text">

.head_nav{width:1000pxheight:20pxposition:fixedtop:0px}

</style>

<body>

<div class="head_nav">相对于窗口定位,不会随着内容移动而改变位置</div>

</body>

</html>

大概就是这个意思,这是定位的问题,透明度的就是应用的背景图片的事情了,图片是png的,希望采纳

<style>

ul{margin:0pxpadding:0pxlist-style-type:none}

li{ width:autofloat:leftpadding:0px 5pxline-height:25px}

li span{ font-weight:bold}

</style>

<ul>

<li><span>新闻</span></li>

<li>军事</li>

<li>社会</li>

</ul>

新浪那个代码太多了,在firefox里下个firebug插件可以方便的看源码(想看哪看哪...)。

我大概说下吧:第一行,就是那个tpodiv 设置了定宽定高,里面从左到又都是设置了定宽的DIV,左边到登录哪里,中间到竖线,一共是3个,里面就是ul li a,还有一个选择去向的DIV是绝对定位放在上面,里面隐藏了一个UL。。

第二行到第四行是个大的DIV里面,LOGO那里包括下面的字分别一个DIV,右边是一个DIV包含了7个小DIV,里面是3个ul li a 。

最好的方法是自己看源码...我也是看着源码和你说的。