我有一个用于制作 jquery 菜单栏的 css 脚本.. 我希望它可以显示在左上方并且没有边框... 所以..它只会显示一个菜单栏... 我有一个文字标志,我想把它放在菜单栏下面...... 但实际上 Logo 位于菜单栏主体下方... 怎么改...??
<head>
<style type="text/css">
* { margin:0 auto;
padding:0;
}
html { background:#ffffff; }
body{ margin:40px auto;
width:560px;
height:552px;
overflow:hidden;
background:#ffffff;
}
div#menu {
margin:40px 0 0 95px;
position:left;
}
div#copyright {
font:11px 'Trebuchet MS';
color:#fff;
text-align:center;
clear:left;
position:absolute;
top:546px;
width:560px;
}
div#copyright a { color:#425B7B; }
div#copyright a:hover { color:#fff; }
</style>
</head>
<body>
<p align="left"><img src="coollogo_com-30735352.gif" border="0"></p>
</body>
最佳答案
如果没有看到任何 HTML 标记,很难说出您要做什么。要使用 wood.jpg 作为 body 背景,请在 body 样式定义中使用 background: #ffffff url(/images/wood.jpg); 代替背景:#呜呜呜
除此之外,这里有一些通用的指示:
- 对于通配符样式(*),只需要margin: 0;
- 为 html 和 body 添加背景颜色是多余的。你只需要在 body 上
- 你不需要 body 上的任何边距,因为你已经用通配符定义了它
- 我建议不要使用 overflow: hidden 并为您的 body 设置固定高度,除非这正是您想要的。任何长时间运行的内容都将被切断。考虑使用 overflow: auto;
- 样式“position: left”无效。如果您希望#menu 的内容左对齐,请使用 text-align: left 或将内容 float 到左侧并使用“clearer div”或 overflow auto 清除 div;
关于jquery - 编辑菜单栏的CSS脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3252485/