在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5  HTML/ CSS 布局問(wèn)題求指教,自適應(yīng)圖片重疊定位

CSS 布局問(wèn)題求指教,自適應(yīng)圖片重疊定位

圖片描述

如上圖所示,外層的正方形紅框是一張背景圖,寬度是100%自適應(yīng)的,中間的紅色圓圈是一個(gè)覆蓋圖片范圍,由于背景圖是響應(yīng)式的那么紅圈范圍也就會(huì)變化,我如何覆蓋一張圖片在最上層并永遠(yuǎn)劇中寬高等于紅色圓圈的寬高呢?····求指教

回答
編輯回答
無(wú)標(biāo)題

不會(huì)吧,這個(gè)不是只是你的背景圖會(huì)自適應(yīng)嗎,你覆蓋在上面的只要定好了寬高就行了呀


.logo{
    width:200px;
    heigth:200px;
    border-radius:100% ;
    position: absolute;
    top:50%;
    left:50%;
    tranform:tranlate(-50%,-50%)
}
2017年3月24日 12:03
編輯回答
憶當(dāng)年

父相子絕,定位實(shí)現(xiàn)中,或者用JS寫也行。

2017年12月18日 02:12
編輯回答
膽怯

這不就是怎么垂直水平居中么

http://jsrun.net/pWgKp/edit

2017年5月29日 18:14