javascript - 单击功能淡出并淡出。此函数在另一个 img 之上显示 img,但与屏幕尺寸不匹配

标签 javascript css button onclick click

由于屏幕不同,图像不会完全出现在另一幅图像之上。看来我需要一个新功能。一个不在另一张图片之上的图片(通过点击几秒钟的功能),而是替换那几秒钟。

我尝试过使用 %, vw, vh, px 。准确匹配图片。 这是一个代码笔: https://codepen.io/karolis-rusevicius/pen/KbEqqE

<html lang="en">

我希望图像在按钮点击功能期间被替换,或者图像恰好位于任何屏幕尺寸的静态图像之上

最佳答案

你有没有试过保证你的图片裁剪成一样的大小,然后保证每张照片的宽高都是相同的静态设置值,比如:

200px

关于javascript - 单击功能淡出并淡出。此函数在另一个 img 之上显示 img,但与屏幕尺寸不匹配,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54205931/

相关文章:

html - 为一小部分标签完成 CSS 重置

html - 将 bootstrap-4 按钮向右移动而不会弄乱格式

python - Django - 如果单击按钮,如何执行 if 语句

javascript - 如何调用 range::-webkit-slider-runnable-track?

javascript - 如何使用 onkeyup/onfocus javascript 在文本字段中输入文本?

javascript - 如何在不同的时间为每个元素运行函数?

javascript - 我的汉堡图标没有显示导航菜单

javascript - 用对象属性替换数组元素

html - div inside div inside <a href> css 类

java - LibGDX Actor 没有出现