Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.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 CSS滚动和透视_Html_Css - Fatal编程技术网

Html CSS滚动和透视

Html CSS滚动和透视,html,css,Html,Css,我正试图在卷轴上制作一个有趣的《星球大战》开场效果,我面临着一个非常奇怪的行为 要查看它,在代码段中,在黄色文本上滚动一段时间,您会看到它突然消失,就像它已经到达div的末尾一样。然后继续滚动(很多),它会突然重新出现!之后,你可以上下滚动,文本将不再消失 如果我使用内部div的高度、填充或字体大小,我可以修复它,但它非常危险,并且不遵循任何模式 有人能解释一下发生了什么事吗?如何正确地修复它 .starWars{ 位置:相对位置; 背景:url(https://starwarsblog.st

我正试图在卷轴上制作一个有趣的《星球大战》开场效果,我面临着一个非常奇怪的行为

要查看它,在代码段中,在黄色文本上滚动一段时间,您会看到它突然消失,就像它已经到达div的末尾一样。然后继续滚动(很多),它会突然重新出现!之后,你可以上下滚动,文本将不再消失

如果我使用内部div的高度、填充或字体大小,我可以修复它,但它非常危险,并且不遵循任何模式

有人能解释一下发生了什么事吗?如何正确地修复它

.starWars{
位置:相对位置;
背景:url(https://starwarsblog.starwars.com/wp-content/uploads/2020/04/star-wars-backgrounds-25.jpg);
背景尺寸:封面;
背景位置:中心;
溢出:隐藏;
高度:500px;
宽度:500px;
保证金:自动;
}
.starWars>div{
位置:绝对位置;
字体大小:30px;
文本对齐:对齐;
字体系列:世纪哥特式、世纪哥特式、AppleGothic、无衬线;
线高:2米;
颜色:黄色;
底部:0px;
填料顶部:calc(3000px-2em);
高度:3000px;
溢出:自动;
框大小:边框框;
变换原点:50%100%;
变换:透视(300px)旋转(25度)缩放(0.9度);
-ms溢出样式:无;
}
.星球大战:之后{
内容:“;
位置:绝对位置;
顶部:0;底部:50%;左侧:0;右侧:0;
背景:线性梯度(至底部,rgba(0,0,0,1),rgba(0,0,0,0)100%);
}
.starWars>div::-webkit滚动条{
显示:无;
}

Lorem ipsum dolor sit amet,是一位杰出的献身者。耳道悬液。Donec convallis是一个非佩林式的奥迪奥。Sed mollis、sem ac PURPAT、urna lacus egestas risus、ut convallis arcu tellus在odio。布朗迪特广场purus consequat的Phasellus sodales lacus。这是一个很好的例子,因为它是一个很好的例子。莫勒斯蒂猫、车门上的莫勒拉猫、厄洛斯猫、特鲁斯猫的生命效率。前庭效率eleifend laoreet。汽车制造商。Donec maximus purus purus,eu tincidunt lacus suscipit id.Proin Volumpat ipsum sodales,commodo diam non,tincidunt erat。车辆直径为10毫米的车辆。布朗迪特威尼斯酒店。Nam Temporal elit nisi,sed laoreet ipsum congue在。Donec nec molestie侵权人。
无柱形物是元素的矢状体。turpis ullamcorper pellentesque的Duis nec justo。埃尼安·普鲁斯·乌尔纳,公共门,法雷特拉·特鲁斯。佩伦茨克孕妇只是精英,sollicitudin外阴妊娠大出血。一对一对。Nunc eu dui faucibus,FRINGILA diam in,ultricies quam。南·阿利奎特·普尔维纳尔·厄洛斯·阿库姆桑·森佩尔。塞德·奥迪奥·利奥(Sed odio leo)、莫莱斯蒂·维内纳蒂(molestie venenatis)和帕特·波特提托·里索斯(Pat porttitor risus)。在普卢斯协商会议上,梅塞纳斯·特里斯蒂克·安特(Maecenas tristique ante)。Donec congue quam et libero egestas,eu faucibus Just to convallis。Morbi id舌苔非毛里斯consequat placerat。莫比·艾库利斯·艾利特·里苏斯。前庭id nisi VOLVIPAT,fringilla libero ac,ullamcorper metus。马尔比和普尔维纳尔、尤伊斯莫和乌兰科珀·乌尔纳。埃尼安·比本杜姆在波苏尔河。不,前庭暂时停止,坐在那里。
在交通工具中,指的是交通工具直径、交通工具长度和交通工具长度。这是我的门。在元素中的egestas euismod elit。佩伦茨克非tellus拍卖行arcu sodales laoreet。这是一种有效的生活方式。一种新的生活方式。我不知道该怎么办。南芸香玉米饼一种舌苔调味品。Nam metus mi,euismod在ipsum ac,lobortis molestie libero。苏打菜豆、普仑特菜豆、矢状叶精华、西伯利亚产的淡黄色葡萄品种。毛里斯·尤多洛·维利特。威尼斯女仆埃吉斯塔斯莫里斯和临时工。在森佩尔·奥古斯的名言中,有一句通俗的名言。前庭位于车辆前方,是创伤的重要部位。不,我在东部坐着。
多涅克·艾尼姆。塞德·埃吉特调味品广场。莫比·阿利奎姆·艾格斯塔斯(Morbi aliquam ante vel dui tristique egestas)。阿利奎姆·埃拉特·帕特。我的权杖,我的权杖。莫利斯·莫里斯。在id nibh处,不存在任何元素。前庭的边缘门。佩伦茨克nec ultricies nunc。莫里斯·塞德的名言。这是一个巨大的挑战,但它是一个巨大的挑战。
我是自由女神。在奥古斯·康莫多(augue commodo)的领导下,一位名叫福西布斯·梅特斯·特里斯蒂克(faucibus metus tristique)的人被杀。矢状软骨位于阿梅特拍卖行。这是一种积攒的积攒。佩伦特斯克瓦里乌斯奥奇维塔酒店。前庭和前庭。产于蒙特斯的天然对虾和马格纳斯虎鲸(Orci varius natoque penatibus et magnis),以及印度虎鲸(nascetur ridiculus mus)。毛里斯·非猫科动物坐在阿梅特·努拉·弗林利亚的临时住所。