CSS允许的最小不透明度值是多少？

Question

在 CSS 中，当我更改按钮的 opacity 值时，它仍然可以被点击。我将不透明度设置降低到 0.005（使按钮几乎隐藏，但仍然可以使用和交互），但如果我将值设置为 0.000000000000000000000000000000000001，例如，它就会完全隐藏，无法再被点击。

（这个小浮点数肯定会被四舍五入成 0，从而引起问题，但我想知道，仅仅因为在我的浏览器中 0.005 可以使用，这并不意味着它在所有浏览器中都有效，而我需要在所有浏览器中都能够点击此按钮。）

是否有人知道所有浏览器都能够容忍的最小值是多少？

- Albert Renshaw

---

似乎是一个奇怪的问题需要解决。 - j08691

你是想在图片上放置一个可点击区域吗？因为有其他的替代方案。 - David Thomas

“opacity: 0”是最小值，元素仍应可点击。 - zzzzBov

我同意@zzzzBov的观点...透明度为0仍应该是可点击的。(不过我不知道超级大的浮点数是否会影响这个...)你能给我们举个例子吗？ - DinoOcch

0不透明度 - http://jsfiddle.net/y7mq23ra/ .0...1不透明度 - http://jsfiddle.net/gbd45gbq/ 需要注意的是，我完全从另一个 fiddle 中复制了按钮代码，仅供示例目的，并认为作者是非常棒的人。只有更改“显示”才会影响可点击性，而不是“不透明度”。 - DinoOcch

@DavidThomas 在“播放视频”的图像上方有一个可点击的 iFrame（YouTube 视频）。 - Albert Renshaw

Answer 1

正如 @zzzzbov 提到的： 0 是最小值。

注意: 由于 0 表示“不透明”，因此它基本上从 0.01 开始。

最少是

opacity: 0.01;

最重要的是：

 opacity: 0.99;

- Sleek Geek

---

“Minimum”被定义为“可能的最小数量”，您说最小值为0，而最少是0.01。但显然0！= 0.01。您能澄清一下吗？ 0.01和0.99来自哪里？规范明确指出opacity的值具有<alpha-value>值，该值可以是从0到1的数字。 - Oriol

@Oriol 在第一次中使用透明度的原因是什么，如果值将为0，为什么要使用它？ 如果值介于0.01和0.99之间，则具有一定的不透明度，但当值为1时，就没有了。 当要反转先前小于1的值时，可以使用1作为值。 - Sleek Geek

@Oriol 一些平台如果透明度为0，则完全忽略对象，它变得“隐藏”且无法交互...因此上面发布了透明度的最小值，在此值以上，对象的交互性（以及可能的其他值）将被保留。 - Albert Renshaw

Answer 2

这取决于您的方便程度，您想设置多少不透明度。 创建透明对象：

object {
 opacity: 0.6;
}

关于对象的“HOVER”效果：

object:hover {
  opacity: 1.0;
}

我认为不透明度0.6会很好。

- 1990rk4