122 lines
2.2 KiB
CSS
122 lines
2.2 KiB
CSS
body {
|
|
background-image: url('../asset/pic/qinshihuang/background.png');
|
|
background-repeat: no-repeat;
|
|
}
|
|
#desktop{
|
|
position: absolute;
|
|
/*background-image: url('../asset/pic/qinshihuang/desktop.png');*/
|
|
background-repeat: no-repeat;
|
|
z-index: 1;
|
|
}
|
|
#restaurant .customer img {
|
|
position: absolute;
|
|
z-index: 0;
|
|
width: 1024px;
|
|
height: 1024px;
|
|
top:50px;
|
|
left: 0px;
|
|
}
|
|
#restaurant .dish img {
|
|
position: absolute;
|
|
top: 700px;
|
|
width: 250px;
|
|
height: 250px;
|
|
z-index: 3;
|
|
}
|
|
|
|
#restaurant .empire img {
|
|
position: absolute;
|
|
width: 800px;
|
|
height: 800px;
|
|
z-index: 3;
|
|
}
|
|
|
|
#qinshihuang img{ /* 秦始皇 */
|
|
top: 235px;
|
|
left: 1050px;
|
|
display: none;
|
|
}
|
|
#qinshihuang1 img{ /* 秦始皇死法1 */
|
|
top: 235px;
|
|
left: 1050px;
|
|
display: none;
|
|
}
|
|
#qinshihuang2 img{ /* 秦始皇死法2 */
|
|
top: 235px;
|
|
left: 1050px;
|
|
display: none;
|
|
}
|
|
#qinshihuang3 img{ /* 秦始皇死法3 */
|
|
top: 235px;
|
|
left: 1050px;
|
|
display: none;
|
|
}
|
|
#dialogueBox {
|
|
position: absolute;
|
|
width: 512px;
|
|
height: 512px;
|
|
top: 50px;
|
|
left: 600px;
|
|
}
|
|
#dialogueBox img{
|
|
position: absolute;
|
|
|
|
width: 512px;
|
|
height: 670px;
|
|
display: none;
|
|
}
|
|
#dialogueText {
|
|
position: absolute;
|
|
top: 200px;
|
|
left: 100px;
|
|
width: 340px;
|
|
height: 128px;
|
|
font-size: 40px;
|
|
}
|
|
#customer1 img{ /* 中年男 */
|
|
display: none;
|
|
}
|
|
#customer1-2 img{ /* unhappy中年男 */
|
|
display: none;
|
|
}
|
|
#customer1-3 img{ /* angry中年男 */
|
|
display: none;
|
|
}
|
|
#customer2 img{ /* 小女孩 */
|
|
display: none;
|
|
}
|
|
#customer2-2 img{ /* unhappy小女孩 */
|
|
display: none;
|
|
}
|
|
#customer2-3 img{ /* angry小女孩 */
|
|
display: none;
|
|
}
|
|
#customer3 img{ /* 老奶奶 */
|
|
display: none;
|
|
}
|
|
#customer3-2 img{ /* 老奶奶 */
|
|
display: none;
|
|
}
|
|
#customer3-3 img{ /* 老奶奶 */
|
|
display: none;
|
|
}
|
|
#mapo-tofu img{ /* 麻婆豆腐 */
|
|
display: none;
|
|
}
|
|
#roast-duck img{ /* 烤鸭 */
|
|
left: 250px;
|
|
display: none;
|
|
}
|
|
#yangzhou-fried-rice img{
|
|
left: 485px;
|
|
display: none;
|
|
}
|
|
#braised-prawns img{
|
|
left: 700px;
|
|
display: none;
|
|
}
|
|
#kung-pao-chicken img{
|
|
left: 900px;
|
|
display: none;
|
|
}
|