JS/CSS - 顯示爲JS殘疾用戶

Question

我說明

---

在網頁半透明層我有嚴重依賴於JavaScript和JQuery網站的應用程序。如果用戶在其瀏覽器設置中禁用了JS，則該網站的功能不如其應有，儘管它仍然有效。

我想阻止人們看到我的網站禁用了JS，但沒有將它們重定向到非JavaScript頁面。我想提醒我的用戶，應該在一個精心呈現的CSS方法中啓用JS。

如果JS被禁用，我想顯示一個半透明/白色的CSS圖層，顯示在我的網頁頂部，寬度爲100％，高度爲100％，用一些善意詞語來描述問題給我的用戶，並可能指示啓用JS。

我的計劃

---

• 有一個半透明的CSS層100％×100％，以補足我的網頁上 每一頁。
• 有一個在載Javascript功能，當頁面加載時，它會刪除圖層。因此，如果沒有找到Javascript，那麼將不會刪除圖層 。

我的問題

---

這是實現這一目標的最佳方式是什麼？如果是這樣，你可以幫我使用關閉CSS層的JavaScript函數，進行加載，或者向我解釋函數應該包含哪些內容來完成這個工作？我的Javascript很爛...

Answer 1

這聽起來像一個可行的解決方案。

隱藏圖層非常簡單。

$(function() { 
    $("#layerId").hide(); 
}); 

設置圖層使其看起來正確是工作真正的地方。

Answer 2

在noscript標記中添加圖層，並設置noscript標記的樣式，將您的文本添加到noscript標記中。

#noscript {top:0; left:0; height:100%; width:100%; opacity: 0.5; background: white;} 

Answer 3

將您的禁用警告的HTML標記置於<noscript>標記中，然後根據需要設置樣式。

W3Schools

Answer 4

對於這種事情的通用技術（Modernizr使用此方法）是做類似於下面的東西。

開始與這個在你的CSS ...

#my-warning-message {display:block; width:...} 
.js #my-warning-message {display:none;} 

然後，在你的JS ...

$('html').addClass('js');