css - CSS页脚背景颜色无故改变

Question

我有一个包含两个 html 文件的页面。我对它们的页脚有完全相同的代码。它们使用完全相同的 CSS 文件，但它们看起来不同，我仍然无法找出原因：

页脚的代码在这里：

      <div class="container_12">
         <div class="grid_12"><footer>
            <div class="socials">
                <a href="#">facebook</a> | 
                <a href="#">twitter</a> | 
                <a href="#">google+</a>
            </div>
            <div class="copy">COSMOSET  &copy; 2013 | <a href="index.html">Privacy Policy</a> <!--{%FOOTER_LINK} -->
         </div></footer>

          </div>
    </div>

此外，如果您访问此处的页面：在这里 您可以看到文本框区域没有相同的透明白色背景。我认为这是一个服务器问题（plesk）。因为当我在我的电脑上打开文件（保存在我的电脑上）时，它看起来很完美。

Answer 1

如果您转到（导航器的）左侧的第二个链接，您可以看到您具有以下 DOM 结构：

问题是，在您在帖子中提供的页面上，页脚是<header>,<div class="clear">和<div class="bg1">元素的兄弟，您可以在以下屏幕截图中看到它：

如果您将 移动为"container_12"我上面提到的元素的兄弟，您的问题将得到解决。

稍后编辑： 要回答您的第二个问题，对于#form textareaCSS 选择器，您在扩展.后添加了一个额外的png：