css - chrome 中的 css 背景属性不起作用

标签 css

我尝试了以下代码:

CSS:

.bg_left{
        background-image: url(path/image.jpeg);
        background-repeat: no-repeat;
        background-position: left bottom;
         background-color: #FF0000;
         color:#FFFFFF;
         height:150px;

}
table{width:100%;}

HTML:

<!DOCTYPE HTML>
<html>
<head>
<title>HTML5 responsive website tutorial</title>

</head>
<body>
<table>
   <tr class="bg_left">
      <td>Helloo
      </td>
      <td>Logout</td>
    </tr>
</table>
</body>
</html>

但是为什么它在 IE 和 Firefox 中运行良好,而在 chrome 中却重复出现?

最佳答案

CSS

.bg_left{
  background-image: url(images/banner1.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  background-attachment:fixed;
  background-color: #FF0000;
  color:#FFFFFF;
  height:150px;
}
table{
  width:100%;
}

HTML

<table>
   <tr class="bg_left">
      <td>Helloo</td>
      <td>Logout</td>
    </tr>
</table>

关于css - chrome 中的 css 背景属性不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19675389/

相关文章:

android 移动 html 开发

css - 包含 bootstrap 4 样式表时,Flex 生长动画不起作用

css - Ionic 2 和带有左右文本的 ion-item

javascript - 文本框在 javascript 警报后更改高度和边框宽度

css - 在鼠标移动到 Webkit 中的元素上或从元素上移开之前,元素不会重新绘制

移动网站上的 CSS 问题

javascript - 如何使用css动画让元素一个一个出现

css - 移动网站溢出?

jquery - 更改工具栏 OnsenUi 的颜色

html - 如何设置 ul/li 元素符号点颜色?