我遇到了针对uni项目的网站标题高度的问题。
我想要实现的是一个标题,其中包含导航,背景图像滑块(100%宽)和语音气泡,网站内容位于标题下方。
目前我已经完成所有工作,但是标题的高度没有考虑背景图像滑块,原因是它(背景滑块)必须定位绝对。根据网站的当前状态,我在em中添加了标题高度,这为我提供了笔记本电脑上所需的间距,但是当移动到更大的分辨率时,高度不足并且网站内容会进入图像。
我的问题是,有没有办法保持当前的布局,但包括可调整的标题高度的功能?
当前网站位于:http://beta.immbudden.com
如果您在屏幕尺寸大于1366 x 768的情况下观看,您会看到我的意思。
任何帮助都会非常感激,非常感谢!
答案 0 :(得分:1)
我实际上自己设法解决了这个问题。我定位导航绝对,讲话气泡绝对和背景滑块相对。然后我给了每个适当的z-index。我还必须改变html中每个调用的顺序,将滑块从第一个调用到最后一个。
希望这可以帮助其他人,如果你需要它解释任何更好的只是在这里评论:)
答案 1 :(得分:0)
在标题中添加bottom-margin
,等于绝对定位导航的高度。
答案 2 :(得分:0)
为什么不设置标题的高度(以像素为单位)?如果你有一个设置高度导航和图像滑块,你应该可以设置它。