我正在开发一个使用比例来显示统计数据的网站。
我使用 CSS3 和 HTML5 meter 元素为每个比例创建了背景渐变，如本教程所示:
HTML5-Meter-Shim
它适用于除 Chrome 和 Opera 之外的所有浏览器，它们显示默认颜色。
这在 Chrome 和 Opera 中可行吗？或者还有其他解决方案吗？
这是我的工作: http://jsfiddle.net/KRnUd/2/
最佳答案
使用 RGB 颜色语法、background-image(而不是 background)和 meter 属性，使其在 Chrome 中完全运行并在 Chrome 中部分运行歌剧:
<!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>关于HTML5/Jquery 仪表垫片 : Change Background in Chrome/Opera，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11184593/