Question

嗨我在我的网站上有几张图片，ara放在容器div中，位置设置为relative。我使用绝对位置放置每个图像，然后我想让图像跟随scrool。那就是我遇到了一个问题。当我调整浏览器大小时，图像不会保留在内容的正常流程中。关于我该怎么做的任何建议？

以下是其中一张图片的代码：

img[alt=ship]{
    border:15px solid black;
    position:absolute;
    left:400px;
    bottom:-50px;
    position:fixed;
    z-index:2;

    -moz-border-radius:35px;
    -webkit-border-radius:35px;
    -o-border-radius:35px;
    border-radius:35px;

    -moz-transform:rotate(7deg);
    -webkit-transform:rotate(7deg);
    -o-transform:rotate(7deg);
    -ms-transform:rotate(7deg);
    transform:rotate(7deg);

}

这是我的标记：

<div id="container">



   <div id="content">

       <div id="content_1">
            <a href="#"><img src="img/octopus.png"/  alt="octopus"></a>
            <a href="#"><img src="img/snake3.png" alt="snake1" /></a>
            <a href="#"><img src="img/snake2.png" alt="snake2" /></a>
            <a href="#"><img src="img/fish.png" alt="fish" /></a>
            <a href="#"><img src="img/Titanic2.jpg"  alt ="ship" /></a>
            <a href="#"><img src="img/sharks.jpg"  alt ="sharks" /></a>
            <a href="#"><img src="img/shark.jpg" alt="shark"/></a>
            <a href="#"><img src="img/ship1.jpg" alt="ship1" /></a>
            <a href="#"><img src="img/submarine.jpg" alt="submarine" /></a>

            <nav></nav>
            <section></section>
       </div>


 </div>

Answer 1

结帐my homepage。顶部的小码头可能就是你想要的。为此，div应该有position:fixed。

定位固定浏览器调整大小

1 个答案: