從用戶端取消CSS屬性

當我在Windows 7中進入高對比度模式時，背景圖像變得不可見。這是操作系統積極地跨過了CSS中的所有background屬性。（我不確定這是如何工作的）。我想知道如果這些屬性可以被覆蓋，並使用擴展或用戶樣式的CSS可見。從用戶端取消CSS屬性

例如，這裏是在Amazon.com上的背景圖片得到劃掉的CSS屬性（包括評級明星圖片）

.srSprite { 
    background: url("http://g-ecx.images-amazon.com/images/G/01/nav2/images/gui/searchSprite._V373035005_.gif") repeat scroll 0 0 transparent; 
}

我試圖使這些可見通過將以下在時尚的風格。 Stylish是一款定製CSS的Firefox插件。

@-moz-document url-prefix(http://), url-prefix(https://), url-prefix(ftp://){ 
.srSprite{ 
    background: no-peat scroll 0 0 transparent !important; 
    display: inline-block !important; 
    margin: 0 !important; 
    overflow: hidden !important; 
    padding: 0 !important; 
    position: relative !important; 
    vertical-align: middle !important; 

} 
}

但它似乎沒有工作。我做錯了什麼，或者有其他方法來解決這個問題嗎？

來源

2013-04-20 Forethinker

這是通過設計行爲。高對比度模式的目的是使一切更容易獲得，其中包括消除可能降低對比度的背景圖像等「噪點」。

這個blog post有關於Windows高對比度模式範式的更多信息。我們大多數人可能應該多考慮一下（包括我在內）。

來源

2013-04-20 20:59:39

我以前遇到過這個頁面，但是如果你看看firebug，CSS信息就在那裏，它只是瀏覽器符合操作系統而不顯示精靈。我相信這是最終用戶可以克服的問題，我正在尋求解決方案。也許它需要一些破解。也許WC3不兼容的網絡瀏覽器...希望不是。 – Forethinker 2013-04-20 21:08:24

哦，你是最終用戶，想要克服這一點？我認爲你是一位開發人員，希望在自己的網站上解決它。難道你不能用Windows的顏色來模擬高對比度的模式，而是使用正常的對比度來避免覆蓋？另一種方法可能是使用虛擬機，它內部具有常規對比主題，運行瀏覽器。你可以用'Chromium'在512 RAM內運行一個簡單的'Linux'發行版。 – 2013-04-20 21:13:07

從用戶端取消CSS屬性

回答

相關問題