除 Firefox 外，所有浏览器的背景都损坏答案

【问题标题】：Broken background in all browsers except Firefox除 Firefox 外，所有浏览器的背景都损坏
【发布时间】：2011-04-16 23:33:31
【问题描述】：

我有一个 gwt 项目，它有一个面板，我在其中添加了一个名为“dock”的样式名称。当我在 Firefox 中打开我的应用程序时，一切都很好，但在 Chrome、Safari 和 IE 中，背景不完整。这是我的 CSS 代码：

.dock {
background: #e3e8f3 url(img/hborder.png) repeat-x 0px -1000px;
padding: 4px 4px 4px 8px;
width: 100%;
margin: 0;
position: relative; 
}

这是它在 Firefox 中的样子（应该是这样的）Screenshot

这就是它在 chrome 等其他浏览器中的外观：Screenshot

任何想法如何纠正这个？提前致谢。

[编辑：]

这是gwt生成的html代码：


<table cellspacing="0" cellpadding="0" class="dock" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;">
    <tbody>
        <tr>
            <td align="left" style="vertical-align: top;">
                <button type="button" class="gwt-Button gwt-Button-helpButton" title="Zoek hulp"></button>
            </td>
            <td align="left" style="vertical-align: top;">
                <button type="button" class="gwt-Button gwt-Button-browseButton" title="Blader door de database."></button>
            </td>
            <td align="left" style="vertical-align: top;">
                <button type="button" class="gwt-Button gwt-Button-statButton" title="Laat populaire boeken zien"></button>
            </td>
            <td align="left" style="vertical-align: top;">
                <button type="button" class="gwt-Button gwt-Button-search" title="Zoek een boek"></button>
            </td>
            <td align="left" style="vertical-align: top;">
                <input type="text" class="gwt-TextBox gwt-TextBox-searchQuery">
            </td>
        </tr>
    </tbody>
</table>

我注意到使用 firebug 的面板也有这个 css 标记（这个标记是在 gwt 中编译时自动添加的）。

element.style {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}

【问题讨论】：

@Vinay B R 完成了第一篇文章中的编辑

标签： css internet-explorer firefox google-chrome background

【解决方案1】：

尝试为您的 .dock 添加一个固定高度，与背景图像高度相同，即

.dock { height: 100px }

【讨论】：

【解决方案2】：

将网址放在引号中：

background: #e3e8f3 url("img/hborder.png") repeat-x 0px -1000px;

上次我检查的格式是否正确。

编辑：啊，您的问题似乎是表格由于某种奇怪的原因没有响应。试试这个。

background: url("img/hborder.png") repeat-x 0px -1000px;
background-color: #e3e8f3;

【讨论】：

试过了，但没有任何改变。无论如何感谢您的回答。