如何用CSS制作图片的模态框

2025-05-11 03:32:23

1、首先用sublime新建一个html文档，在文档中引入一张图片，如下图所示

3、然后我们需要给图片定义一下样式，这里给其加了一下圆角，然后设置了悬停的透明度，如下图所示

5、设置好页面的样式以后，我们就可以在脚本中给图片添加点击事件，让其点击的时候显示模态框，如下图所示

7、当我们点击图片的时候，你会看到显示了图片的模态框，如下图所示，和我们定义的样式一样

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。