58 lines
1018 B
CSS
58 lines
1018 B
CSS
body {
|
|
background-image: url('../asset/pic/background.png');
|
|
background-repeat: no-repeat;
|
|
}
|
|
#desktop{
|
|
position: absolute;
|
|
background-image: url('../asset/pic/desktop.png');
|
|
background-repeat: no-repeat;
|
|
z-index: 1;
|
|
}
|
|
#restaurant .customer img {
|
|
position: absolute;
|
|
z-index: 0;
|
|
width: 1024px;
|
|
height: 1024px;
|
|
}
|
|
#restaurant .dish img {
|
|
position: absolute;
|
|
top: 600px;
|
|
width: 300px;
|
|
height: 300px;
|
|
z-index: 3;
|
|
}
|
|
|
|
#restaurant .empire img {
|
|
position: absolute;
|
|
width: 800px;
|
|
height: 800px;
|
|
z-index: 3;
|
|
}
|
|
|
|
#qinshihuang img{ /* 秦始皇 */
|
|
top: 285px;
|
|
left: 1050px;
|
|
|
|
}
|
|
#customer1 img{ /* 中年男 */
|
|
left: 100px;
|
|
display: none;
|
|
}
|
|
#customer2 img{ /* 小女孩 */
|
|
left: 100px;
|
|
display: none;
|
|
}
|
|
#customer3 img{ /* 老奶奶 */
|
|
top:50px;
|
|
left: 0px;
|
|
|
|
}
|
|
#mapo-tofu img{ /* 麻婆豆腐 */
|
|
left: 100px;
|
|
|
|
}
|
|
#roast-duck img{ /* 烤鸭 */
|
|
|
|
left: 500px;
|
|
}
|