IE对CSS样式表的限制分析与解决方案

IE对CSS样式表的限制主要包括以下几个方面：

1. CSS属性支持度低：IE6、7、8对CSS属性的支持度相对较低，例如透明度opacity只有IE9+才支持。因此在编写CSS时要特别注意选择合适的属性，考虑浏览器兼容性。

2. 盒子模型计算不准确：IE6、7采用的是IE盒子模型，width和height只包括内容的宽度和高度，并不包括border和padding。而标准盒子模型则将width和height包括了border和padding。因此在编写布局时要注意选择合适的盒子模型。

下面是解决方案的具体细节和两个示例说明：

一、CSS属性支持度低

针对CSS属性支持度低的问题，可以采取以下几个解决方案：

1. 使用CSS hack：针对不同的IE版本，使用相应的hack语句可以解决CSS属性支持度低的问题。例如使用*opacity:0.8;，则只有IE6、7支持该属性，其他浏览器则会忽略这个样式。

div{
  opacity:0.8; /*所有浏览器通用*/
  *opacity:0.4; /*只针对IE6、7有效*/
  _opacity:0.2; /*只针对IE6有效*/
}

1. 使用JavaScript兼容：通过JavaScript代码检测浏览器版本，在IE上使用CSS属性支持度不佳时，使用JavaScript代码模拟该CSS效果。例如使用filter:alpha(opacity=80);，则只有IE才支持，其他浏览器则会忽略这个样式。

div{
  opacity:0.8; /*所有浏览器通用*/
  filter:alpha(opacity=80); /*只针对IE有效*/
}

二、盒子模型计算不准确

针对盒子模型计算不准确的问题，可以采取以下几个解决方案：

1. 使用标准盒子模型：设置box-sizing:border-box，则width和height会包括padding和border，可以减少盒模型计算的复杂度。

div{
  box-sizing:border-box; /*使用标准盒子模型*/
  width:100px; /*包括padding和border*/
  height:50px; /*包括padding和border*/
  padding:10px;
  border:1px solid #000;
}

1. 使用hack代码：通过针对IE6、7的hack语句，实现盒子模型计算的解决方案。

div{
  width:100px; /*只包括内容宽度*/
  height:50px; /*只包括内容高度*/
  padding:10px;
  border:1px solid #000;

  *width:90px; /*包括border和padding*/
  *height:40px; /*包括border和padding*/
  _width:95px; /*包括border和padding*/
  _height:45px; /*包括border和padding*/
}

综上所述，在开发过程中，我们需要注意浏览器的兼容性，在编写CSS样式表时要尽量选择常用的属性和方法，同时采取适当的hack代码、JavaScript兼容方案等，以便达到更好的兼容性和用户体验。