文章探讨了在网页开发中，如何通过改变元素的透明度而非使用`display:none`来控制按钮的显示与隐藏，以保持布局不变。点击‘显示图’按钮会使其自身隐藏并显示四个新按钮，这可以通过调整元素的opacity属性实现。示例代码展示了如何使用JavaScript的`getElementById`方法来切换按钮的可见状态。
按钮想要的效果：
点击【显示图】按钮，【显示图】按钮隐藏，出来4个新按钮
如果用display:none来控制4个按钮的隐藏于显示，点击【显示图】会出现下面的按钮布局：
解决方法：
将display:none,display:block控制转为用透明度控制按钮的显示与隐藏布局可以保持原样：
document.getElementById("button").style.opacity = 0;----隐藏
document.getElementById("button").style.opacity = 1;----显示
扫一扫
531
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
