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% であるため)。これが Web サイトで問題を引き起こしている可能性があります。ブラウザ ウィンドウの高さと幅を持つボディの部分のみです。新しいものを更新してください。背景色!この画像を見てください。% 値は、色に関して間違っている可能性があります:1。最初のスクリーンショット (ズーム = 25%) 2. 2番目のスクリーンショット (ズーム = 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問題ではありませbodywidth: 200%;

于 2013-11-07T13:11:53.153 に答える