为了账号安全,请及时绑定邮箱和手机立即绑定

为什么我的control没有颜色?T^T


<!DOCTYPE html>
<html>
<head>
    <title>Preview Slideshow</title>
    <meta  charset="utf-8">
    <style type="text/css">
        *{padding: 0;margin: 0;}
        body{
            padding: 50px 0;
             background-color: #FFF;
             font-size: 14px;
             font-family: "Avenir Next";
             color: #555;
             -webkit-font-smoothing:antialiased;
             /*字体抗锯齿*/
        }
        .slider .main .main-i,
        .slider .main,
        .slider{
            width: 100%;
            height: 400px;
            position: relative;
        }
        /*幻灯片区域*/
        .slider .main{
            overflow: hidden;
        }
        /*每一个幻灯片的样式*/
        .slider .main .main-i{}
        .slider .main .main-i img{
            width: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
        }
        .slider .main .main-i .caption{
            position: absolute;
            right: 50%;
            top: 30%;
            z-index: 9;
        }
        .slider .main .main-i .caption h2{
            font-size:40px;
            line-height: 50px;
            color: #b5b5b5;
            text-align: right;
        }
        .slider .main .main-i .caption h3{
            font-size:70px;
            line-height: 70px;
            color: #000000;
            text-align: right;
            font-family: "Open Sans Condensed"
        }
        /*控制按钮区域*/
        .slider .ctrl{
            width: 100%;
            height: 13px;
            line-height: 13px;
            text-align: center;
            position: absolute;
            left: 0;
            bottom: -13px;
            background-color:red;
        }
        .slider .ctrl .ctrl-i{
            display: inline-block;
            width: 150px;
            height: 13px;
            background-color:#666;
            box-shadow: 0 13px 13px 13px rgba(0,0,0,3);
            position: relative;
        }
        .slider .ctrl .ctrl-i img{
            width: 100%;
            position: absolute;
            left: 0;
            bottom:50px;
            z-index: 1;
        }
        /*hover 到控制按钮样式*/
        .slider .ctrl .ctrl-i:hover {
            background: #f0f0f0;
        }
        .slider .ctrl .ctrl-i:hover img{
            bottom: 17px;
        }




    </style>
</head>
<body>
    <div class="slider">
        <div class="main">
            <div class="main-i">
                <div class="caption">
                    <h2>h2 caption</h2>
                    <h3>h3 caption</h3>
                </div>
                <img src="img/1.jpg">
            </div>
            <div class="ctrl">
                <a class="ctrl-i" href="javascript:;"><img src="img/1.jpg"></a>
            </div>
        </div>
    </div>
</body>
</html>

正在回答

2 回答

http://img1.sycdn.imooc.com//5583d78000011bc006100417.jpgKAN

0 回复 有任何疑惑可以回复我~
#1

GarinZhang 提问者

非常感谢!
2015-07-03 回复 有任何疑惑可以回复我~

多了一个div

0 回复 有任何疑惑可以回复我~
#1

GarinZhang 提问者

哪里多了? 求明示~~~
2015-06-16 回复 有任何疑惑可以回复我~
#2

火舞夜雨 回复 GarinZhang 提问者

控制不在main里,是分两个部分在slider
2015-06-19 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么我的control没有颜色?T^T

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信