[英]Footer menu not showing in Safari
有問題的網站是: http : //www.twisted-perfectionism.com
我有這個#secondary_nav應該出現在移動設備屏幕的底部。 它在Firefox和Chrome中運行良好,但在Safari中它根本不顯示。 使用開發人員工具我可以看到它被正確放置但它是不可見的。 我是新手..請幫忙!
@media only screen and (max-width : 880px) { [...] #secondary_nav {
width: 100%;
height: 12px;
padding-top: 16px;
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: url(../images/trans.png) repeat;
}
#secondary_nav > ul {
clear: left;
float: left;
margin: 0;
padding: 0;
position: relative;
left: 50%;
text-align: center;
display: block;
}
#secondary_nav > ul > li {
width: auto;
display: block;
clear: none;
float: left;
list-style: none;
position: relative;
right: 50%;
}
#secondary_nav ul li ul {
left: 0;
margin-right: 0;
}
#secondary_nav ul li ul li a {
text-align: left;
} [...] }
通過刪除修復問題:
overflow: auto;
頁腳現在出現,但在iOS上,當向下滾動時,iOS底部吟游詩人消失,頁腳不會下降,直到我將手指從顯示屏上移開。
見截圖: http : //s29.postimg.org/7r49yfzc7/Photo_17_05_14_02_06_16.png
如果你拿出溢出的話就好了:在#control的樣式中自動,它正在削減#secondary_nav:
#control {
width: 34%;
min-width: 300px;
position: fixed;
top: 0;
bottom: 0;
left: 0;
overflow: auto; /* Take this out */
-webkit-box-shadow: 0px 1px 7px 0px rgba(00, 00, 00, .7);
box-shadow: 0px 1px 7px 0px rgba(00, 00, 00, .7);
background: url(images/trans.png) repeat;
}
據我所知,它也不會弄亂任何其他東西。
在樣式表的第1068行, #footer
設置為display: none
並且沒有什么可以在小屏幕上覆蓋它。 (在桌面瀏覽器上,插入內聯樣式display: block
。)
你能告訴我你的HTML標記嗎?
但順便試試這個
@media only screen and (max-width : 880px) {
#secondary_nav {
width: 100%;
height: 12px;
padding-top: 16px;
position: absolute; /* Try with absolute positioning*/
bottom: 0;
left: 0;
background: url(../images/trans.png) repeat;
}
}
嘗試添加這個!重要規則:
#control {
width: 34%;
min-width: 300px;
position: fixed !important;
top: 0!important;
bottom: 0 !important;
left: 0 !important;
z-index: 999 !important;
overflow: auto; /* Take this out */
-webkit-box-shadow: 0px 1px 7px 0px rgba(00, 00, 00, .7);
box-shadow: 0px 1px 7px 0px rgba(00, 00, 00, .7);
background: url(images/trans.png) repeat;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.