和
的尺寸，让
重叠在一起，并且opacity为0。而具有active类的
的opacity为1。当然，别忘了设置transition: opacity 1s linear;。
*{
padding: 0;
margin: 0;
}
#slideshow{
width: 800px;
height: 350px;
margin: 0 auto; /*设置在页面水平居中*/
overflow: hidden;
position: relative;
}
#slideshow img{
width: 800px;
position: absolute; /*图片采取绝对定位，均位于左上角，重叠在一起*/
top: 0;
left: 0;
opacity: 0; /*初始不透明度为0，图片都看不见*/
transition: opacity 1s linear; /*–重点–定义一个关于透明度的transition*/
}
<