Css div，文本覆盖另一个，没有IE8覆盖_Css_Internet Explorer_Internet Explorer 8_Textblock

Css div，文本覆盖另一个，没有IE8覆盖

css internet-explorer internet-explorer-8

Css div，文本覆盖另一个，没有IE8覆盖,css,internet-explorer,internet-explorer-8,textblock,Css,Internet Explorer,Internet Explorer 8,Textblock,我有两个div，左边和右边对齐。我需要左边的街区过右边。正如你所知，IE仍然是个问题。。。两个块中的文本是混合的，不处理over，文本似乎是独立的三叉戟代码如下： <html> <style> #root { position:fixed; } #content { height: 200px; width: 400px;

我有两个div，左边和右边对齐。我需要左边的街区过右边。正如你所知，IE仍然是个问题。。。两个块中的文本是混合的，不处理over，文本似乎是独立的

三叉戟

代码如下：

<html>
    <style>
            #root {
                position:fixed;
            }

        #content {
          height: 200px;
          width: 400px;
          border: 1px solid red;    
          position:fixed;
        }    

        #bloc-left {
                position:absolute;
                float: left;
                height: 190px;
                border: 1px solid black;
                width: 60%;
                overflow:auto;

                background-image: linear-gradient(top, #fbfbfb 0%, #e2e2e2 100%);
                background-image: -o-linear-gradient(top, #fbfbfb 0%, #e2e2e2 100%);
                background-image: -moz-linear-gradient(top, #fbfbfb 0%, #e2e2e2 100%);
                background-image: -webkit-linear-gradient(top, #fbfbfb 0%, #e2e2e2 100%);
                background-image: -ms-linear-gradient(top, #fbfbfb 0%, #e2e2e2 100%);
                background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fbfbfb), color-stop(1, #e2e2e2));
        }

        #bloc-right {
                float: right;
                width: 45%;
                height 190px;
                border: 1px solid black;
        }    
    </style>

    <body>
            <div id=""root">
            <div id="content">
             <div id="bloc-left">
              Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
             </div>
          <div id="bloc-right">
              Lorem Ipsum is simply dummy text of the printing and typesetting 
          </div>
      </div>
        </div>

    </body>
</html>


#根{
位置：固定；
}
#内容{
高度：200px；
宽度：400px；
边框：1px纯红；
位置：固定；
}    
#集团左派{
位置：绝对位置；
浮动：左；
高度：190px；
边框：1px纯黑；
宽度：60%；
溢出：自动；
背景图像：线性梯度（顶部，#fbfb0%，#e2100%）；
背景图像：-o-线性梯度（顶部，#fbfb0%，#e2100%）；
背景图像：-莫兹线性梯度（顶部，#fbfb0%，#e2100%）；
背景图像：-webkit线性渐变（顶部，#fbfb0%，#e2100%）；
背景图像：-ms线性梯度（顶部，#fbfb0%，#e2100%）；
背景图像：-webkit渐变（线性、左上、左下、颜色停止（0，#fbfb）、颜色停止（1，#e2e2））；
}
#集团右翼{
浮动：对；
宽度：45%；
高度190px；
边框：1px纯黑；
}    
加：
z指数：1至#集团左侧

更改：
位置：固定至<代码>位置：相对
在#content
上不工作：/我忘了说#content在一个要修复的div中，我无法更新它。问题已修复。IE8不支持背景图像：线性渐变，所以我放了一个简单的背景色，它就工作了