把第一张图片放在第二章图片下边绝对定位，两张图片重合，第二张图片最初透明度设为0，mouseover时，透明度设为0.5就好了
创新互联公司是一家网站建设、成都做网站，提供网页设计，网站设计，网站制作，建网站，按需开发，网站开发公司，于2013年成立是互联行业建设者，服务者。以提升客户品牌价值为核心业务，全程参与项目的网站策划设计制作，前端开发，后台程序制作以及后期项目运营并提出专业建议和思路。
#tianqi2:hover .tianqi2-1 a{color: greenyellow;}
这样就可以了，当划过外面div的时候，里面的a标签中的颜色都改变了，但是你不觉得“中度”改变的话很怪，只需要中间文字颜色变了就行。
首先纠正一下，百度首页右上角的《更多产品》那里的不叫动画，叫悬浮，是通过hover设置的一些属性，其实实现很简单，就是先把悬浮出来的页面写好，然后display:none;先把它隐藏起来，然后通过设置：hover{display:block;}来控制它，就是鼠标移动上去的时候就显示。
div class="bg"
video width="1899" autoplay="autoplay" loop="loop"
source type="video/mp4" src=""/
/video
div class="fd_gif"img src="../.gif"//div
/div
style
.bg {position: relative;}
.fd_gif {position: absolute;z-index:99;top:0;left:0;}
/style
