Я пытаюсь добавить фон, который разделен на 3 части. 5% серый слева, белый, 5% серый справа ...Фон с более чем 1 цветом
SO Я создал градиент с CSS, который частично хорошо работает в Chrome, но в IE он не работает вообще ...
Как вы бы создали эффект, который я искал?
<div class="container"></div>
css слишком долго, так что смотрите в этом fiddle.
Это один работает в 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>
CSS Градиенты могут вызвать хаос из-за отсутствия Luster поддержка accross платформ. Скорее всего, вы захотите сделать метод div, упомянутый @Louis, в комментариях к вашему вопросу. Нечто подобное может работать:
<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>
этот сайт поможет вам создать CSS градиент http://gradients.glrzad.com/ также попробовать запустить это в IE есть поддержка градиента в последней IE, но я думаю, что не для старых. Другое решение - это сделать фотошоп вашего собственного дизайна и использовать его в качестве фонового изображения.
Вы пытаетесь использовать DIV для левого и правого краев? –
Нет, как бы вы это сделали? –
Какие версии IE должны быть совместимы? –