第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

效果出來不一樣,那個(gè)縮略圖沒有在預(yù)期的位置0.0

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Preview Slideshow</title>

<style>

*{

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,.slider .main .main-i,

.slider{

width: 100%;

height: 400px;

position:relative;

/*overflow: hidden;*/

}

.slider .main{

overflow: hidden;

}

{


}

.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{

text-align: right;

font-size: 40px;

line-height: 50px;

color: #b5b5b5;

}

.slider .main .main-i .caption h3{

text-align: right;

font-size: 70px;

line-height: 70px;

color: #000;

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: #f00;

}

.slider .ctrl .ctrl-i{

display: inline-block;

width: 150px;

height: 13px;

background-color: #666;

box-shadow: 0 1px 1px rgba(0,0,0,.3);

}

.slider .ctrl .ctrl-i img{

position: absolute;

width: 100%;

left: 0;

bottom: 50px;

}

</style>

</head>

<body>

<div>

<div>

<div>

<div>

<h2>H2 caption</h2>

<h3>H3 caption</h3>

</div>

<img src="imgs/{{index}}.jpg" alt="">

</div>

</div>

<div>

<a href="javascript:void(0);">

<img src="imgs/{{index}}.jpg" alt="">

</a>

</div>

</div>

</body>

</html>

http://img1.sycdn.imooc.com//58c0fc350001c87d19070932.jpg

正在回答

3 回答

看到這里解決我的問題了 我也是跟著代碼敲 最后圖片加了position 直接定位爆炸 我想問下 不給a 也就是ctrl-i設(shè)置定位 那么他的最近的父元素不是ctrl么 怎么定位會(huì)定到上面去嘞 ctrl也有position屬性啊 雖然是absolute

0 回復(fù) 有任何疑惑可以回復(fù)我~

發(fā)現(xiàn)不僅要給a設(shè)置position屬性· 還要給a設(shè)置display:inline-block ,width heigth ? 要不a是沒有寬高的,

0 回復(fù) 有任何疑惑可以回復(fù)我~

已解決,一直很奇怪為什么圖片沒有100顯示在a里,找了半天才發(fā)現(xiàn)是a標(biāo)簽沒有設(shè)置position:relative;
經(jīng)驗(yàn)告訴我們不要跟著敲代碼不要跟著敲代碼不要跟著敲代碼!

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

qq_項(xiàng)秋月_0

能給一下具體的做法嗎?
2017-07-02 回復(fù) 有任何疑惑可以回復(fù)我~
#2

請(qǐng)叫我橙子蛋 提問者 回復(fù) qq_項(xiàng)秋月_0

做法就是在上面的基礎(chǔ)上給 a標(biāo)簽沒有設(shè)置position:relative;
2017-07-03 回復(fù) 有任何疑惑可以回復(fù)我~

舉報(bào)

0/150
提交
取消

效果出來不一樣,那個(gè)縮略圖沒有在預(yù)期的位置0.0

我要回答 關(guān)注問題
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)