Question

我正在一个使用比例显示统计数据的网站上工作。

我使用CSS3和HTML5 meter元素为每个比例创建了背景渐变，如本教程所示： HTML5-Meter-Shim

它可以在所有浏览器上使用Chrome和Opera，它们显示默认颜色。

Chrome和Opera是否可以，或者还有其他解决方案吗？

Answer 1

使用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>

HTML5 / Jquery Meter Shim：改变Chrome / Opera中的背景

1 个答案: