.layout-body { margin: 0; padding: 0; background: url("../../../assets/img/1122.png") center center no-repeat; /* 设置背景图 */ background-size: 100% 100%; /* 背景图等比例缩小填充整个容器 */ height: 100vh; /* 使背景图铺满整个浏览器窗口 */ } .tab { position: absolute; left: 0; top: 0; z-index: 10000; background-color: aqua; } .container .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; display: none; } .container { margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; position: absolute; z-index: 100; /* background-color: rgba(255, 0, 0, 0.5); */ /* 使用RGBA设置背景颜色为红色,透明度为50% */ height: 100vh; width: 100%; } .container .box { position: absolute; z-index: 1000; font-size: large; text-align: center; padding: 10px 10px; cursor: pointer; display: none; // border: 1px solid #ddd; transition: transform 0.3s ease; /* 添加过渡效果 */ box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* 添加阴影效果 */ } .container .box:hover { transform: scale(1.1); /* 鼠标放上去时放大 1.1 倍 */ } .container .box-ET { top: 20px; left: 20px; width: 320px; height: 100px; } .container .box-equipmentCloud { top: 70px; left: 20px; width: 320px; height: 100px; } .container .box-partsCloud { top: 120px; left: 20px; width: 350px; height: 100px; } .container .box-KMO { top: 170px; left: 20px; width: 150px; } .container .box-chatFile { top: 220px; left: 20px; width: 150px; } .container .box-AIOT { top: 120px; left: 20px; width: 150px; } .container .box-DMP { top: 300px; left: 20px; width: 150px; } .container .box-iPaaS { top: 350px; left: 20px; width: 150px; } .container .box-EIP { top: 400px; left: 20px; width: 150px; } .container .box-T100bs { top: 450px; left: 20px; width: 150px; } .container .box-E10229 { top: 500px; left: 20px; width: 150px; } .container .box-PLM { top: 550px; left: 20px; width: 150px; color: darkmagenta; } .container .box-assistant { top: 20px; right: 0px; width: 150px; color: brown; } .container .box-BSC { top: 70px; right: 0px; width: 150px; color: brown; } .container .box-SSO_mes { top: 120px; right: 0px; width: 150px; color: brown; } .container .box-SCS { top: 170px; right: 0px; width: 150px; color: brown; } .container .box-AASK { top: 220px; right: 0px; width: 150px; color: brown; }