Internet explorer CSS倾斜在IE9中创建灰线
我正在尝试垂直堆叠三个div的CSS布局。顶部和底部凹槽是倾斜的。身体是水平的，意味着随着装载的内容大小而波动。我已经能够在除IE9之外的所有现代浏览器中使用它。我试着重叠div以覆盖灰线。这是可行的，但因为我使用的是不透明度，div在重叠的地方变暗，这同样糟糕。非常感谢您的帮助 该行： 示例代码：Internet explorer CSS倾斜在IE9中创建灰线,internet-explorer,css,css-transforms,Internet Explorer,Css,Css Transforms,我正在尝试垂直堆叠三个div的CSS布局。顶部和底部凹槽是倾斜的。身体是水平的，意味着随着装载的内容大小而波动。我已经能够在除IE9之外的所有现代浏览器中使用它。我试着重叠div以覆盖灰线。这是可行的，但因为我使用的是不透明度，div在重叠的地方变暗，这同样糟糕。非常感谢您的帮助 该行： 示例代码： <!DOCTYPE html> <html> <head> <style> div{ width: 200px; left: 300px; he
<!DOCTYPE html>
<html>
<head>
<style>
div{
width: 200px;
left: 300px;
height: 200px;
position: relative;
background-color: rgba( 0, 26, 159, 0.7)
}
#top{
transform: skew(8deg, 0deg);
-ms-transform: skew(-8deg, 0deg);
left: 314px;
}
#bottom{
transform: skew(8deg, 0deg);
-ms-transform: skew(-8deg, 0deg);
left: 286px;
}
#middle{
height: auto;
}
</style>
</head>
<body>
<div id="top"></div>
<div id="middle">
Test text<br />Test text<br />Test text<br />Test text<br />Test text<br />Test text<br />Test text<br />Test text<br />Test text<br />Test text<br />Test text<br />Test text<br />Test text<br />
Test text<br />Test text<br />Test text<br />Test text<br />Test text<br />Test text<br />Test text<br />Test text<br />Test text<br />Test text<br />Test text<br />Test text<br />Test text<br />T
</div>
<div id="bottom"></div>
</body>
</html>
div{
宽度：200px；
左：300px；
高度：200px；
位置：相对位置；
背景色：rgba（0,26,159,0.7）
}
#顶{
变换：倾斜（8度，0度）；
-ms变换：倾斜（-8度，0度）；
左：314px；
}
#底部{
变换：倾斜（8度，0度）；
-ms变换：倾斜（-8度，0度）；
左：286px；
}
#中间的{
高度：自动；
}
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本