У меня есть веб-страница, которую я разрабатываю, и мой дизайн прекрасно работает в браузере Google Chrome, но я использую свойство CSS 'border-radius', которое, как я уверен, вы знаете, не поддерживается IE.Я пробую все, что могу придумать, но у меня происходит несколько вещей, которые доставляют мне немало хлопот
- «Коробка», о которой идет речь, которую я пытаюсь округлитьна углах белый фон с фоновым изображением
- Фон страницы является градиентом, а внешние углы должны быть прозрачными, чтобы выглядеть правильно.
- У меня есть зеленая рамка вокруг моей коробки.
Вот пример изображения, показывающего, чего я пытаюсь достичь: альтернативный текст http://www.freeimagehosting.net/uploads/77c9ec6c32.png
Дайте мне знать, поможет ли это увидеть мои текущие CSS и HTML.Я пробовал много разных вещей, но у всех у них есть одна проблема или другая.Фон блока установлен в моем CSS как неповторяющееся изображение, установленное в правом нижнем углу, и эффект выцветания происходит от того, что он частично прозрачен, поэтому он становится белым, так как это цвет фона блока.Текущее решение было бы неплохо, но я могу использовать решение с фиксированной шириной.
Фон - это то, что вызывает мою главную проблему.Я не могу понять, как сделать фон полностью заполненным, если я разделю HTML на более чем один div.
HTML:
<div class="content">
<jdoc:include type="component" />
</div>
CSS:
.content {
background-color: #FFFFFF;
border: solid 2px # ACD579;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
отступ: 1em 2em;
}
.content
{
background-image: url (../img/pagebG.gif);
background-position: bottom;
background-repeat: repeat-x;
}