цвет фона пунктирных границ

Question

В настоящее время у меня есть такая HTML-структура:

<div id="holder">
    <div id="content">...</div>
    <div id="footer">...</div>
</div>

CSS выглядит следующим образом:

* {
    margin: 0;
    padding: 0;
}

#content, #footer {
    background: #fff;
}

#footer {
    border-top: 1px dashed #ddd;
}

Примечание: holder нетиметь любой background-color

---

Меня беспокоит то, что фон верхней границы на footer будет прозрачным, так как holder не имеет фона.

Иприменение белого фона к holder в моем случае не вариант (я не буду объяснять, почему нет, но поверьте мне, это невозможно)

Мой вопрос:

• Фон пунктирной границы будет таким же, как мой footer (белый) или цвет фона holder (нет)?
• Будет ли он вести себя перекрестнобраузер все время одинаковый?

Answer 1

1. Граница принадлежит вашему элементу #footer div и будет отображаться с атрибутом background - очистить или нет.

2. Я тестировал следующий CSS в Chrome, Safari, Firefox (извините, нет немедленного доступа к IE):

   * { margin: 0; padding: 0; }
   
   #content, #footer { background: #fff; }
   
   #content { background:#00F; }
   
   #footer {
       border-top: 5px dashed #f00;
   }
   

Пожалуйста, дайте мне знать, если я пропустил ваш вопрос, но я считаю, что это то, что вы спрашивали.

Фоновый стиль областей содержимого, отступов и границ поля задается свойством 'background' генерирующего элемента. Фоны полей всегда прозрачны.

через http://www.w3.org/TR/CSS2/box.html