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

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

---

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

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

Мой вопрос:

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

Answer 1

1. граница принадлежит вашему #footer DIV и сделает с его фоном атрибут - прозрачным или иным образом.

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