超級快速菜單內聯響應式設計

我有超級菜單顯示內嵌與「響應式設計」的問題我想所有超級菜單鏈接顯示內聯，但我有問題，超級魚的子菜單覆蓋所有樣式，我試過並始終顯示落下。超級快速菜單內聯響應式設計

任何人都知道我如何禁用超級魚動畫下拉鼠標懸停時，im瀏覽與小於700像素設備，並顯示超級菜單元素，子菜單和子菜單元素的所有元素內聯塊。

當前的網站代碼太亂了，所以我上傳了這裏http://pastebin.com/mwPjVEPX 這是直接從網站。

對於我添加的第一個ul li元素顯示：inline-block和它的工作，但在submenu元素中，第一個來自superfish的javascript添加元素樣式顯示：none和visibility：hidden，當我嘗試添加顯示時：inline-block在第一次懸停時覆蓋它，它回到無顯示。

這裏是快魚菜單http://pastebin.com/vmYkGVx4

來源

2013-03-07 Aleksandar Đorđević

首先的CSS，你沒有具體提到您的代碼在這裏或任何鏈接。但正如我猜想的，您指定給父級的所有屬性，它們都會自動附加到其子元素。所以，如果你給display: inline;，那麼它的所有孩子都會得到它，並表現得好像他們在線。所以最好去display: inline-block;。在這種情況下，此元素將表現爲內聯元素，但本身顯示爲塊級元素。孩子永遠不會內聯。

來源

2013-03-07 16:48:32

是我使用display：inline-block，但它只適用於父元素。在submenu元素上，來自superfish的javascript會自動添加display：none和visibility：hiden和display：inline-block不會因爲某些原因而工作。 – 2013-03-07 20:18:32

儘管你的CSS，Superfish JavaScript繼續以小屏幕尺寸運行。 JavaScript通過附加內聯style屬性來隱藏和顯示事物，以更改CSS display屬性。內聯樣式總是會勝過任何其他來源的CSS，除非您像這樣添加!important關鍵字：display: inline-block !important。這將是值得嘗試的。但是，由於JavaScript仍然會試圖對這些元素採取行動，因此您可能會發現其他奇怪的行爲，例如或。請讓我們知道你的方式。

來源

2013-03-08 10:18:19

是的，我知道JavaScript仍然在小屏幕上運行，並將其屬性添加到子菜單。！重要的是隻工作在第一頁加載，只要我停止在菜單上，並刪除它的JavaScript重寫！再次從CSS的重要設置。我會嘗試做不同的方法，看看我可以如何使它不會在小屏幕上加載超級魚，這樣我會有純CSS菜單，這將是我希望更容易定製。 – 2013-03-08 14:56:26

那麼最後我結束了使用mobilemenu。這是javascript代碼，在選定的寬度隱藏超級菜單和顯示下拉選擇框。從所有搜索中最合理的使用。雖然在各種博客上都有文章說，下一步是讓它響應，直到我用這個插件，但超級魚菜單上有一些開發支持觸摸設備，但它仍不支持「響應式設計」。https://github.com/mattkersley/Responsive-Menu

來源

2013-03-09 12:34:17

超級快速菜單內聯響應式設計

回答

相關問題