页面同一位置重叠多张图片，鼠标点击切换特效

最新推荐文章于 2022-01-25 02:07:05 发布

qiqiukina

最新推荐文章于 2022-01-25 02:07:05 发布

阅读量4k

点赞数

分类专栏：页面文章标签： border json class html css

本文链接：https://blog.csdn.net/qiqiukina/article/details/4743689

版权

本文介绍如何使用CSS实现页面上多张图片在同一位置重叠，并通过鼠标点击实现图片之间的切换特效。主要涉及CSS的定位、层级以及交互效果。

摘要由CSDN通过智能技术生成

css的部分：

/* ギャラリー */






div#leftColumn div#gallery {

	position: relative;

}

div#leftColumn #gallery img {

	top: 0;

	left: 420px;

	cursor: pointer;

	padding: 0;

	margin: 0;

	border: none;

	float: right;

	position: absolute;

}


div#gallery p {

	width: 350px;

	min-height: 200px;

}

html的部分：