Hello and welcome to beautiful Jun Blog.

在IE6下选择文字异常问题

IE6 存在两种文字选择异常问题：
1. 绝对定位下的不能选择文字，如下在IE中常常会碰到如果将容器定位后，出现容器内的文字不可选择。

xhtml结构：

  1. <div>
  2. <a href="#">定位后无法选择容器的内容解决方案</a>
  3. </div>

css样式：

  1. div {
  2.     position:absolute;
  3.     top:100px;
  4.     left:100px;
  5.     width:200px;
  6.     height:200px;
  7.     border:1px solid red
  8.     }

HTML代码：

  1. <div>
  2. <a href="#">定位后无法选择容器的内容解决方案</a>
  3. </div>

请在IE中测试上面的代码，你会发现文字是无法选择的。

当时我想到的方法是在<a href="#">定位后无法选择容器的内容解决方案</a>后面加上一个 空格来引发这个选择，不过这样的话就多了一个字符，不是很好。

是老外的，上面介绍的方法是通过

  1. html, body{ 
  2. width:100%;
  3. height:100%;
  4. margin:0px;
  5. padding:0px;
  6. }

来解决问题
参考：http://www.webmasterworld.com/forum83/6565.htm

后来测试，只要保留height:100%就可以了。

第二种问题只是IE6下出现的，IE6不兼容写法，解决方法

我是在GOOGLE上搜索到的，参考老外解决方法：Base elements cause text selection problems in IE

Posted on 18 三月 '09 by admin, under CSS.