|
|
看了代码,先说错误吧,Emeditor发现的:
一、CSS部分
<style type="text/css">
/* type 原来打成了 tpye */
#xq { position: relative; left:-204px;top:120px; width: 1000px; height: 700px; background:#333 url('https://www.huachaowang.com/data/attachment/forum/202203/13/125044dvouegood00j0olb.jpg') no-repeat center/cover; box-shadow: 4px 4px 5px #888;border-radius:12px; }
body { overflow-x: hidden; } /*禁用横向滚动条 */
#baiBox {
margin: auto;
width: 360px;
text-align: center;
font-size: 5rem;
font-weight: bold;
color: #EEEE00;
transform-origin: top;
animation: yao 0.8s linear infinite alternate;
}
@keyframes yao {
from{ transform: perspective(800px) rotatex(30deg); }
to { transform: perspective(800px) rotatex(-30deg); }
}
.picBtn {
width: 120px;
height: 120px;
border: none;
outline: none;
border-radius: 8px;
background: transparent url('https://pic.imgdb.cn/item/622db6215baa1a80ab3dff55.gif') no-repeat;
cursor: pointer;
}
/* 上面的大括号缺失 */
</style>
二、HTML部分
Emeditor发现三处错误① 和 ② 都是废弃标签,分别是 <center> 和 <marquee>,虽然多数浏览器还兼容它们;三是在JS代码之后多出以个收尾div。
|
|