这是代码 麻烦大神看看 该如何修改 才能使360兼容
body{background: black;} .galaxy div{position: absolute;} *{ margin: 0; padding: 0; list-style: none; } Ul{ list-style: none;border: 3px solid orangered;padding: 0;width:190px;margin: 0 auto; font:20px "微软雅黑";color:#6495ED;background: bisque; } .galaxy{ position:relative;width:1000px;height: 1000px;margin: 0 auto ;margin-top: -200px; } .sun{ background:url(img/sun.png)0 0 no-repeat;height: 100px;width:100px;left:450px;top:450px; } .shuixing{ background: url(img/2.png);height: 50px;width: 50px;left:550px;top:475px; transform-origin:-50px 25px; animation:abcd 12s infinite linear; /*-webkit-animation:abcd 12s infinite linear;*/ } .sxgd{ height: 150px;width: 150px;border-radius: 75px;border:1px dashed white; left: 425px;top:425px; } .jinxing{background:url(img/3.png);height: 60px;width: 60px;left:600px;top:470px; transform-origin:-100px 30px ; animation: abcd 6s infinite linear; } .jxgd{ height: 260px;width:260px;border-radius:130px ;border: 1px dashed white;left: 370px;top:370px; } .dq{ background: url(img/4.png);height: 60px;width: 60px;left:660px;top:470px; transform-origin:-160px 30px ; animation: zxc 4s infinite linear; } .dqgd{ height: 380px;width: 380px;border-radius:190px ;border: 1px dashed orangered;left:310px;top:310px; } @keyframes abcd{ 0%{transform: rotate(0);} 100%{transform: rotate(360deg);} } /*@-webkit-keyframes abcd{ 0%{transform: rotate(0);} 100%{transform: rotate(360deg);} 0%{-webkit-transform: rotate(0);} 100%{-webkit-transform: rotate(360deg);} }*/ @keyframes zxc{ 0%{transform: rotate(0);} 100%{transform: rotate(-360deg);} }</head>
<body>
<ul>
<li>我的第一个自创作品</li>
</ul>
<div class="galaxy">
<div class="sun"></div>
<div class="shuixing"></div>
<div class="sxgd"></div>
<div class="jinxing"></div>
<div class="jxgd"></div>
<div class="dq"></div>
<div class="dqgd"></div>
</div>
</body>
