1

我正在尝试添加一个分为 3 部分的背景。左边5%灰色，白色，右边5%灰色……

所以我用 CSS 创建了一个渐变，这在 Chrome 中部分可以，但在 IE 中它根本不起作用......

您将如何创建我正在寻找的效果？

这是网站。

4

3 回答 3

1

CSS Gradients 可能由于缺乏跨平台的光泽支持而造成严重破坏。您很可能想要执行@Louis 在对您的问题的评论中提到的 div 方法。像这样的东西可以工作：

 <body>
 <div class="left"></div>
 <div class="center"></div>
 <div class="right"></div>
 <style>
 .left, .right{
     width:5%;
     background:gray;
     height:100%;
     float:left;
     margin:0;
 }
 .center{
     width:90%;
     background:white;
     height:100%;
     float:left;
     margin:0;
 }
 </style>
 </body>
于 2013-04-29T07:56:37.563 回答
0

CSS渐变：

<div class="container"></div>

css太长了，所以看看这个小提琴。
这适用于 IE 9。

另外的选择： 

<div class="container">
    <div class="white"></div>
</div>

<style>
body {  background: blue;}
.container {
    height: 50px;
    background: gray;
}
.white {
    height: 50px;
    background: white;
    margin: 0 5%;
}
</style>

小提琴

于 2013-04-29T08:12:53.627 回答
0

这个网站将帮助您创建 css 渐变 http://gradients.glrzad.com/ 也尝试在 IE 中运行它，在最新的 IE 中支持渐变，但我认为不适合旧的。其他解决方案是制作您自己设计的 Photoshop 图像并将其用作背景图像。

于 2013-04-29T08:00:17.843 回答