基本上,我有一个很好的导航按钮.png从朋友和标题/ banner.jpg给我。我想将这些.png放在.jpg横幅的顶部。问题是,我正在使用css翻转功能(对于导航按钮),需要我使用位置:相对于包含单独导航按钮的div。否则,翻转功能在Opera中变得毛茸茸。我将如何能够做到这一点?如何在不使用绝对定位的情况下在图像上放置图像?
下面是CSS的一些代码(导航按钮):
.cssnavabout { background: url(navigation/about_on_over.png) no-repeat; white-space: nowrap; display: block; height: auto; width: auto; float: left; position:absolute; top: 55%; left: 50% }
.cssnavabout a { display: block; color: #000000; width: auto; height: auto; display: block; float: left; color: black; text-decoration: none; }
.cssnavabout img { width: auto; height: auto; display: inline; margin: 0px; border-style:none }
.cssnavabout a:hover img { visibility:hidden }
和HTML分区(导航按钮):
<div id="csswrapper">
<div class="cssnavabout">
<a href="about.html"><img src="navigation/about_on.png" width=100 height=50 /></a>
</div>
继承人的CSS页眉/旗帜:
#header { width: 1024px; height: 109px; position: relative; margin:0px; background-color:#FFFFFF; }
和横幅广告的HTML:
<div id="header">
<img src="images/banner_about.jpg" width="100%" height="109" /> </div>
我相信这很容易解决。对不起,这是我的第一个网站。