hover的另外一种应用

在div里面放一张图片，图片特别大，如果想让它只200*200像素，则用overflow属性，让overflow属性设置为hidden，即可。

默认情况下看不到图片，但是当刷新的时候是可以看到的。要求将鼠标放在这里的话，内容显示出来，但是照片依然能够看见。

鼠标移动上去，那个content全部沾满touch，并且设置一个透明色。只有沾满才能把touch覆盖过。

position：relative和absolute

fixed：固定，整个窗口固定，这下用fixed。absolute根据relative定位。给父标签设置一个postion为relative的属性。然后在absolute里边设置top、left、right、bottom的值。

absolute找它父标签的relative，还可以设置里面的文字颜色是White，里面的text-align为center。

可以将它隐藏，将它隐藏就是visibility为hidden。

注意是touch hover的时候，让content显示出来，所以就是：

.touch:hover .content{

visibility:visible;

}

我们也可以给它加上一个透明度。注意是加背景颜色的时候，给它加一个透明度。所以是：

opacity:0.6。注意还有一种写背景颜色的方式就是background-color:rgba(0,0,0,.6)