【问题标题】:Google Chrome CSS/rendering bug? [closed]谷歌浏览器 CSS/渲染错误? [关闭]
【发布时间】:2010-11-16 20:35:33
【问题描述】:

这是我的网站:link text

在我的网站上,似乎每个更新的浏览器(FF、Opera、Safari、IE8、IE7 甚至 IE6)似乎都呈现了我的内容 div 和 sideMenu div 之间的分隔线。

但是,chrome 浏览器似乎不想将背景渲染到内容 div 所在的容器 div (link text)。似乎我的内容 div 向左偏了一个像素。但是,当您缩放文本(Ctrl + 滚轮)时,会出现该行。

这是一个已知的渲染错误吗?还是 CSS 错误?

这是我的网站:link text

【问题讨论】:

  • 我认为浏览器之间没有区别。
  • 我正在使用 chrome 3。由于某种原因,如果宽度超过 862,google chrome 会错误地读取我的 css 背景“mainbg.gif”。小于 862 的任何内容都会在我的 sideMenu 和内容 DIV。超过 862 的任何东西都不会显示分隔线,就像 chrome 正在拉伸图片或弄乱某些东西。
  • 您能否发布您所指的代码部分和css规则。您的描述含糊不清,我不确定您所说的容器 div 或内容 div 是什么意思。我不应该阅读您的问题然后访问您的网站并查看源代码来回答您的问题。我认为 Chrome 和 Firefox 对此的渲染没有区别。此外,Safari 和 Chrome 都使用 Webkit 来呈现网页,因此它在 Safari 上正确呈现而不是在 Chrome 上呈现似乎很奇怪。您可以使用browsershots.org 在不同浏览器中查看您的网页快照。

标签: css google-chrome render


【解决方案1】:

如果您删除“背景:#FFF;”,故障可能会消失来自您的#content css。无论如何,内容 div 下方的背景图像部分都是白色的。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-08-05
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多