如何使用CSS无法点击某个区域？

假设我有包含div和包含一些链接和图像的包装div，有什么方法可以一次性使用CSS来停用它吗？

---

审核答案后：
我放弃了只能用CSS制作它的想法。 jQuery blockUI插件就像魅力一样。

Answer 1

如果你打算使用jQuery，你可以使用blockUI插件轻松完成。 …或者用CSS回答你的问题，你必须绝对将div放在你想要阻止的内容上。 只需确保绝对定位的div位于要阻止z-indexing目的的内容之后。

 
 Content to be blocked. 
 
  

抱歉所有的内联css。 你必须做一些好的课程。 此外，这只在firefox和IE7中测试过。

Answer 2

有一个CSS规则，但由于旧的浏览器支持，它没有被广泛使用

pointer-events: none;

Answer 3

这些天你可以在内容上放置一个伪元素。

 .blocked { position:relative; } .blocked:after { content: ''; position: absolute; left:0; right:0; top:0; bottom:0; z-index:1; background: transparent; } 

http://jsfiddle.net/HE5wR/27/

Answer 4

用另一个不可点击的元素覆盖它。 您可能需要使用JavaScript来打开和关闭此“封面”。 你可以做一些聪明的事情，比如把它变成半透明或者其他东西。

  
 ... 
 
 
  

Answer 5

您应该考虑应用jQuery的event.preventDefault函数。 在这里你可以找到一个例子：

http://api.jquery.com/event.preventDefault/

TL; DR-版本：

 $("#element-to-block").click( function(event) { event.preventDefault(); } 

BAM！

Answer 6

如果您的意思是不可点击，以便用户无法以某种方式复制和粘贴它或保存数据。 不，这是不可能的。 所有那些制作的网站都是声音/看起来像是有一些方法来阻止保存的东西并不是真的，它们采取的措施很容易解决。