ASP源码.NET源码PHP源码JSP源码JAVA源码DELPHI源码PB源码VC源码VB源码Android源码
当前位置:首页 >> 网页制作 >> web前端 >> 基于jquery-191js的轮播图,兼容低版本ie

基于jquery-191js的轮播图,兼容低版本ie(1/4)

来源:网络整理     时间:2018-08-09     关键词:

本篇文章主要介绍了" 基于jquery-191js的轮播图,兼容低版本ie",主要涉及到方面的内容,对于web前端感兴趣的同学可以参考一下: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF...

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>轮播图</title>

    <!--[if lt IE 9]>

    <script src="js/libs/html5shiv.min.js"></script>

    <script src="js/libs/respond.min.js"></script>

    <![endif]-->

    <style type="text/css">

    html,

    body {

        padding: 0px;

        margin: 0px;

    }

    .container {

        position: relative;

        width: 1125px;

        height: 352px;

        margin: 0 auto;

    }

    .swiper-inner {

        position: relative;

        width: 100%;

        height: 352px;

        line-height: 352px;

        text-align: center;

        overflow: hidden;

    }

    .swiper-inner img {

        display: none;

        max-width: 100%;

        max-height: 100%;

        vertical-align: middle;

    }

    .dots {

        position: absolute;

        width: 100%;

        left: 0;

        margin-top: -40px;

        text-align: center;

        list-style: none;

    }

    .dots span {

        display: inline-block;

相关图片

相关文章