Question

IE6的-moz-user-select / -webkit-user-select是否有任何等效内容？

我希望我的页面上的文字不能在所有主流浏览器中选择。

最佳解决方案是什么？

Answer 1

这是示例

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unselectable text</title>
</head>

<body style="height: 100%; padding: 0; margin: 0;">

<style>
  .column {width: 30em; margin: 1em;}
  p {position: relative; z-index: 1; //height: 100%;} /* you can remove //height if declare doctype */ 
  .unselector {display: block; position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0;}
  .unselector img {display: block; position: absolute; z-index: 3; width: 100%; height: 100%;}
</style>

  <div class="column">
    <p>
    <span class="unselector"><img src="1.gif" alt="" border="0" /></span>
    Activists on&nbsp;ships raided by&nbsp;Israeli commandos cast doubt on&nbsp;Israel's version of&nbsp;events that led&nbsp;to at&nbsp;least nine deaths. Yes, the webpage is currently not available. 
    </p>
  </div>

</body>
</html>

P.S。 1.gif是透明的1px * 1px图像

Answer 2

如果这是一个小元素掩蔽，我将在文本上有一个空DIV，并给予DIV绝对位置，其中z-index高于文本。确保DIV正在考虑所有事情。

不可选择的文本 - 跨浏览器解决方案

2 个答案: