【问题标题】:CSS footer background color changes for no reasonCSS页脚背景颜色无故改变
【发布时间】:2013-11-03 20:44:44
【问题描述】:

我有一个包含两个 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>

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

【问题讨论】:

  • 在具有不同背景的页面中,您是否有任何可能干扰页脚的文件内 CSS 代码?
  • @Shaun 不,我查过了。其中一个文件中使用了两个 css 文件,但其中没有类似的代码。我还用第二个问题更新了帖子(我放了链接)

标签: css background footer


【解决方案1】:

如果您转到(导航器)左侧的第二个链接,您可以看到您具有以下 DOM 结构:

问题在于,在您在帖子中提供的页面上,页脚是 &lt;header&gt;&lt;div class="clear"&gt;&lt;div class="bg1"&gt; 元素的同级元素,您可以在以下屏幕截图中看到:

如果您将"container_12" 移动为我上面提到的元素的同级元素,您的问题将得到解决。

稍后编辑: 为了回答您的第二个问题,对于#form textarea CSS 选择器,您在png 扩展之后添加了一个额外的.

【讨论】:

  • 成功了。现在我想找到解决 no2 问题的方法
  • 呃,第二个问题是什么?
  • 在第一个问题的底部检查。 css也有问题。这可能是服务器问题(plesk)
  • 干得好。我不敢相信它在我的电脑上工作,尽管我有这个额外的“。”。这个问题只出现在在线页面。如果你愿意,可以在这里查看我的第二期:link
猜你喜欢
  • 1970-01-01
  • 2012-12-02
  • 2018-03-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-04-02
相关资源
最近更新 更多