为什么用CSS定义的背景图片链接，显示后，我想要一横排的，它却显示竖排！

html-css016

为什么用CSS定义的背景图片链接，显示后，我想要一横排的，它却显示竖排！,第1张

没比要用nobr，常见的做法是定义css

<style type="text/css>

#menu a{display:blockfloat:left}

</style>

图标放在一个div里，在css里相应设置宽度，高度。

在html里写<body><div id="tubiao"></div></body>

在里css写

#tubiao

{

width:50px /*宽度设为图标的宽度*/

height:300px/*高度设成你想添加的图标的总高度*/

float:left

}

做两层DIV，嵌套如下：

<div 背景设置成你的横背景，位置是剧中置顶（top center）>

<div 背景是你的横向背景，使用一张从上到下，从透明到白渐变的png图片，横向平铺 ></div>

</div>

=========

另外，这样的设计有一定的浏览器兼容问题。半透明PNG在IE上支持的不好，所以建议你修改设计，把两层背景切到同一张图片上，并且控制前面内容的数量和位置。

还有任何问题欢迎随时联系。