CSS3多背景位置左和右就在iOS上

时间:2015-12-25 07:55:09

标签: html ios css html5 css3

如何在左侧和右侧制作背景位置?

期望的结果:

The desired result

目前的结果iOS:

[enter image description here]

HTML代码:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Title</title>
<link rel="stylesheet" href="./index_files/styles.css">
<script src="./index_files/jquery.min.js"></script>
</head>
<body></body>
</html>

CSS代码

@-webkit-keyframes adv{
    0%,20%,100% {
        background:url(../index_files/costa-bg2.png) top left no-repeat,url(../index_files/costa-bg3.png) top right no-repeat;
    }
}

html,body {
    width:100%;height:100%;
}

body{
    -webkit-animation:adv 35s linear 0s infinite;animation:adv 35s linear 0s infinite;
}

0 个答案:

没有答案