gpt4 book ai didi

jquery - 当我缩放此页面时,我使用 j 查询构建了一个 html 页面,一些图像没有响应,右侧图像只能滚动

转载 作者:行者123 更新时间:2023-11-28 16:49:52 25 4
gpt4 key购买 nike

<body background="bg_slide02.jpg" style="background-repeat:no-repeat;background-attachment:fixed;">

<p class="rcorners" style="font-size: 20px;position: fixed;" align="top"><b >Demo</b></p>

<img src="Blutgefaesse_ausschnitt.png" id="afterimg" style="
height: 50%;
position: fixed;
margin-top: 9%;
margin-left: 10%;
" >
<div style="margin-top:45%;position: fixed;background-image:url(box_02.png);margin-left: 10%;background-repeat: no-repeat;" id="box" >
<img src="box_01.png" style="margin-top: 5%;">
</div>

<img src="Blutgefaesse.png" style="height: 200%;margin-top: 20%;float: right;zoom: 100%;">

问题: 当我(在浏览器中)缩放此页面时,某些图像没有响应,我只使右侧图像可滚动。我修复了所有图像位置。我希望所有图像都响应并作为工作演示

工作演示(更新): http://jsfiddle.net/mohsin80/q80tLvsd/2/

最佳答案

好的,我想我能看出问题所在。您已经为某些元素设置了固定的位置属性,这使得即使在滚动时位置在屏幕上也保持不变。

尝试将 position 属性从 fixed 更改为 absolute,您可以滚动页面的所有元素:

<body background="http://www.imageupload.co.uk/images/2015/09/24/bg_slide02.jpg" style="background-repeat:no-repeat; background-attachment:fixed;">

<p class="rcorners" style="font-size: 20px;position: absolute;" align="top"><b>Demo</b></p>

<img src="http://www.imageupload.co.uk/images/2015/09/24/Blutgefaesse_ausschnitt.png" id="afterimg" style="height:50%; position:absolute; margin-top:9%; margin-left:10%;" >
<div style="margin-top:45%; position:absolute; background-image:url(http://www.imageupload.co.uk/images/2015/09/24/box_02.png); margin-left:10%; background-repeat:no-repeat;" id="box">
<img src="http://www.imageupload.co.uk/images/2015/09/24/box_01.png" style="margin-top:5%;">
</div>

<img src="http://www.imageupload.co.uk/images/2015/09/24/Blutgefaesse.png" style="height:200%; margin-top:20%; float:right;">
</body>

http://jsfiddle.net/q80tLvsd/11/

我还看到您尝试使用 jQuery 与某些元素进行交互,问题是没有 ID 为“img1”的元素

一个问题,“我希望所有图像响应并作为工作演示” 是什么意思?图片响应是什么意思?

关于jquery - 当我缩放此页面时,我使用 j 查询构建了一个 html 页面,一些图像没有响应,右侧图像只能滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32739170/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com