HTML5/Jquery Meter Shim：在Chrome/Opera中更改背景

我正在使用顯示統計的比例的網站上工作。HTML5/Jquery Meter Shim：在Chrome/Opera中更改背景

我已經創建使用CSS3和HTML5的meter元素在本教程中的每個尺度背景梯度： HTML5-Meter-Shim

它適用於所有的瀏覽器預計Chrome和Opera，顯示的默認顏色。

這是可能的Chrome和Opera，或者是否有任何其他解決方案？

這是我的工作： http://jsfiddle.net/KRnUd/2/

來源

2012-06-25 SaurabhLP

我有點困惑，因爲我沒有看到任何綠色的jsfiddle演示。 – hallvors

使用RGB彩色語法的background-image代替background，並meter屬性讓它在Chrome已全面工作，並在Opera部分工作：

<!doctype html> 
 
    <html lang="en"> 
 
    <head> 
 
     <title>Meter Usage</title> 
 
     <style type="text/css"> 
 
    meter { 
 
     display: inline-block; 
 
     height: 16px; 
 
     width: 200px; 
 
     overflow: hidden; 
 
     background-color: rgb(237,237,237); 
 
     background-image: -webkit-linear-gradient(top, rgb(237,237,237),rgb(187,187,187) 36%,rgb(247,247,247)); /* Chrome10+,Safari5.1+ */ 
 
     background-image: -o-linear-gradient(top, rgb(237,237,237),rgb(187,187,187) 36%,rgb(247,247,247)); /* Opera 11.10+ */ 
 
    } 
 
     </style> 
 
    </head> 
 
    <body> 
 
     <meter min="1024" max="10240" low="2048" high="8192" value="9216"/> 
 
    </body> 
 
    </html>

來源

2012-10-07 23:19:25

thanx 4 that ... – SaurabhLP

HTML5/Jquery Meter Shim：在Chrome/Opera中更改背景

回答

相關問題