09 2018 档案

css3实现悬停波浪效果
摘要：<a href="" class="a1">商家入口</a> .a1{ background-color: orange; display: inline-block; width: 100px; height: 35px; text-align: center; text-decoration: 阅读全文
posted @ 2018-09-09 11:32 野望之风 阅读(362) 评论(0) 推荐(0)
css3实现匀速无限滚动效果
摘要：<div class="ddiv" style=""> //这里的图片是一个圆圈 <img class='dimg' src="video_c.png" alt=""> </div> .dimg{ //infinite 无限循环 linear 匀速运动 animation:2s animation1 阅读全文
posted @ 2018-09-09 10:59 野望之风 阅读(1397) 评论(0) 推荐(0)
CSS3实现视差滚动效果
摘要：HTML部分： <section class="g-img1">IMG1</section><section class="g-img2">IMG2</section> CSS部分主要通过background-attachment: fixed;来实现视差滚动，根据实际需求设置相应的背景大小，这里用 阅读全文
posted @ 2018-09-09 10:45 野望之风 阅读(367) 评论(0) 推荐(0)
IE兼容常见问题及解决方案
摘要：一、IE8及以下不支持css3的@media查询 解决方法1、解决方法是引入respond.js 相关链接：https://www.bootcdn.cn/respond.js/ 解决方法2、用if判断是否是IE浏览器，然后给IE8设定一组比较适合的样式，以此来替代@media 二、IE8及以下，不支 阅读全文
posted @ 2018-09-02 10:20 野望之风 阅读(595) 评论(0) 推荐(0)