0

CSS 属性に従ってスライドショーのヘッダーが変更されないのはなぜですか?

これは基本的に私のスライドショーヘッダーの仕組みです

<div id="Slideshow">
<img src="image/s1.jpg" name="slide">
<script type="text/javascript">
<!--
var step = 1
function slideit() {
    document.images.slide.src = eval("image" + step + ".src")
    if (step < 5)
        step++
    else
        step = 1
    setTimeout("slideit()", 2500)
}
slideit()
//-->
</script>
</div>

ご覧のとおり、スライドショーをカバーする CSS を「Slideshow」として宣言しました。

これは私の「スライドショー」CSSです

#Slideshow
{
  position:absolute;
  top:121px;
  left:0%;
  width:100%;
  margin: 0px;
  height:150px;
}

幅/高さの属性を追加しても、スライドショーは視覚的に変化しません。

4

1 に答える 1

0

これらのプロパティが正常に機能していることがわかります。私はこれを設定しました：

フィドル

上から 121 ピクセルの位置に配置されています。背景を黒にして、150 ピクセルの適切な高さであることがわかります。

また、CSS の書式設定を少し整理し、スペースを空けたり、Zeros の横にある残りの文字を削除したりしました。

#Slideshow {
  background: #000;
  position: absolute;
  top: 121px;
  left: 0;
  width: 100%;
  margin: 0;
  height: 150px;
  overflow: hidden;
}

overflow: hidden;また、私が持っていた画像が大きすぎてoverflow: hidden;、要素 (この場合は画像) が親コンテナーからオーバーフローするのを防ぐため、を追加したことにも言及する必要があります。

これで質問が明確になったかどうかお知らせください。

于 2013-07-25T02:44:54.453 に答える