partially-opaque-form-elements.html - Android社区

<html>
<style>
    body { opacity: 0.5; }
</style>
<body> 
<p><b>BUG ID:</b> <a href="https://bugs.webkit.org/show_bug.cgi?id=41113">Bugzilla bug 41113</a> [WinCairo] Text box backgrounds do not render in partially opaque layers</p>

<div style="background-color:skyblue; padding:3px;">
In the next paragraph you should see a partially opaque sequence including:
<ol>
<li>The word "Before"</li>
<li>A checkbox</li>
<li>A radio button</li>
<li>The world "After"</li>
</ol>
If this test is failing you might only see the word "Before."
</div>

<p>
Before
<input value="Checkbox" type="checkbox">
<input value="Radio" type="radio">
After
</p>

</body> 
</html>