链接:http://danielknightstudiob.com/seniorgallery.html
我试图将幻灯片放在标题和导航栏的中心,它在我的计算机上工作正常但是一旦我检查另一台计算机,它就会开始重叠导航栏或远离它。简而言之,我有定位问题。
在幻灯片放映的Css中我有,
.slideshow {display: block;
position: absolute; left:28%; top:15%;
z-index: 0;}
在Html中我有,
dl.image_map {display:block;
width:1034px;
height:60px;
background:url(http://www.image-maps.com/uploaded_files/3201306121035353_seniornav.jpg);
position:absolute; left:20%; }
答案 0 :(得分:0)
这就是浏览器测试很重要的原因,对吧?
您可以尝试更改位置:相对于.image_map和.slideshow,然后调整左侧百分比以实现所需的布局。绝对定位会干扰您的设计对不同浏览器做出适当响应的能力。