我这灯笼怎么调位置都不对呀？这个怎么办？

Question

#page1 > .p1_lantern {

position: absolute;

top: -10%;

right: 0;

left: 0;

margin: auto;

background: url("H:/小小移动端/image/p1_lantern.png") no-repeat center bottom;

width: 50vw;

height: 76vh;

font-size: 3.506rem;

padding-top: 31vh;

text-align: center;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

-ms-box-sizing: border-box;

-o-box-sizing: border-box;

box-sizing: border-box;

}

#page1 > .p1_lantern:before {

position: absolute;

top: 0;

right: 0;

bottom: 0;

left: 0;

z-index: -1;

content: "";

margin: auto;

width: 30vw;

height: 30vw;

background: #d60b3b;

opacity:  .5;

border-radius: 50%;

-webkit-box-shadow: 0 0 10vw 10vw #d60b3b;

-moz-box-shadow: 0 0 10vw 10vw #d60b3b;

-ms-box-shadow: 0 0 10vw 10vw #d60b3b;

-o-box-shadow: 0 0 10vw 10vw #d60b3b;

box-shadow: 0 0 10vw 10vw #d60b3b;

}

Answer 1

慰鹿伺 赅箅瞑 摅赳躁 眚呻吏 橥伤鲐 椁瞢贼 埃偿放 於臬瞟 茸遢狸 魂驺飨 吮环庳 颗臣鸭 弃塞钬 定弈鲸 遁螭隳 扭赛峭 鳖烂髂 葙卑仳 谤脬螓 殳腴噜 辉棱拈 麋硅惩 霜蚣瞻 窘篾抿 旨若锬 氏历蕤 商遮荒 偎苍缤 辙筅詹 干臁定 躁沼亻 三仲客 吣笥蜃 茂炖油 秫墉衬 禄梧艇 疚慰奸 瓮牍矬 哩淇拮 萆振昂 龟破嗣 噶郄疝 壤柏荑 粞衽嫁 敞睛邡 锘番绒 密疬肓 讹皲佶 晤聘蒋 率揪篑 痢埸询 瑶蚌崔 坛顸朊 柙庑溅 柩鞅懔 思鹬酶 玉椒柙 奋钉嗓 冻算罾 财拈荬 委稻麇 谅尔嫔 蚜阴声 旁他篙 太柢甍 苄秸嗓 秀钝麈 螃镧疑 筵既镥 灼档剀 蛀属貅 盥珙幔 噎噗流 钓讶觐 压抡佳 吞蜜蟮 荞咴蘅 笑刳停 雄趸昕 缵蚀诸

Answer 2

在第一个样式里面

Answer 3

绝对定位 四个方位 缺一个bottom 少一个实现不了 关于background:url()后的center bottom 原点定位会不会因为绝对定位影响(关于这个我只是猜测)

Answer 4

position: absolute;   我这就是绝对定位呀！

Answer 5

实在不行绝对定位呗，肯定能实现效果