0 
<html>
<head>
<style>
body
{
font-family:'main';
font-size:12px;
background:#180153;
-webkit-animation:liveback 100s;
-webkit-animation-iteration-count:infinite;
}
@-webkit-keyframes liveback
{
0% {background: #180153;}
10% {background: #ad004b;}
20% {background: #7a1c00;}
30% {background: #09664c;}
40% {background: #5e6609;}
50% {background: #9e0b0b;}
60% {background: #9e0b92;}
70% {background: #0023b0;}
80% {background: #2e9100;}
90% {background: #ad8540;}
100% {background: #180153;}
}
</style>
<body> ...<table width=200% style="background:transparent;"><tr><td>..</td></tr>
</table>
</body>
</html>

我的页面上有水平滚动（因为里面的表格宽度为 200%）.. 可能这会导致我的网站出现问题，只有身体的那部分具有浏览器窗口的高度和宽度..更新新的背景颜色。！看看这张图片，% 值可能是错误的颜色：1。第一个屏幕截图 (Zoom=25%) 2.第二个屏幕截图 (Zoom=100%) 访问 www.harshalgajjar.tk 查看表格。

4

1 回答 1

0

没错，问题是 200% 的宽度

我认为您可以像这样使用中间 DIV 创建一个漫游：

CSS：

@-webkit-keyframes liveback {
  0% {background: #180153;}
  10% {background: #ad004b;}
  20% {background: #7a1c00;}
  30% {background: #09664c;}
  40% {background: #5e6609;}
  50% {background: #9e0b0b;}
  60% {background: #9e0b92;}
  70% {background: #0023b0;}
  80% {background: #2e9100;}
  90% {background: #ad8540;}
  100% {background: #180153;}
}
body {
  width: 100%;
  overflow:hidden;
  font-family:'main';
  font-size:12px;
  background:#180153;
  -webkit-animation:liveback 100s;
  -webkit-animation-iteration-count:infinite;
}

.outer-table{
    width: 100%;
    height: 100%; //or whatever you need
    overflow: scroll;
}

HTML：

<body>
  <div class="outer-table">
    <table width=200% height=50% style="background:none;"><tr><td>..</td></tr>
    </table>
  </div>
</body>

注意：table不是问题，只是有bodya width: 200%;会产生同样的问题

于 2013-11-07T13:11:53.153 回答