Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 使用TweenMax在Croll上缩放时,图像在文本上重叠_Html_Css_Scaling_Gsap - Fatal编程技术网

Html 使用TweenMax在Croll上缩放时,图像在文本上重叠

Html 使用TweenMax在Croll上缩放时,图像在文本上重叠,html,css,scaling,gsap,Html,Css,Scaling,Gsap,我是HTML编程新手,我的主要想法是让文本在TweenMax动画(缩放图像)时移动 我有一个功能,放大和扭转图像的位置,但然后滚动图像重叠的文字 这是默认的图像和文本位置: 但我在开始时滚动(如下面屏幕截图上的绿色部分)屏幕截图与文本重叠: 我想让它这样,当图片被放大时,它会将文本向下推,而不是重叠在上面。在这种情况下,我应该使用什么?如果需要,我可以给出当前代码的示例。我做了一些研究,要么像CSS这样的东西很简单,没有例子,要么根本不可能做到。只需在CSS下面给出文本的主父div,不要使用

我是HTML编程新手,我的主要想法是让文本在TweenMax动画(缩放图像)时移动

我有一个功能,放大和扭转图像的位置,但然后滚动图像重叠的文字

这是默认的图像和文本位置:

但我在开始时滚动(如下面屏幕截图上的绿色部分)屏幕截图与文本重叠:


我想让它这样,当图片被放大时,它会将文本向下推,而不是重叠在上面。在这种情况下,我应该使用什么?如果需要,我可以给出当前代码的示例。我做了一些研究,要么像CSS这样的东西很简单,没有例子,要么根本不可能做到。

只需在CSS下面给出文本的主父div,不要使用缩放,只需使用宽度:100%;你可以做到

div {
    float:left;
    width:100%;
}