blob: 354a2e4371fcba60dcaa66e7bb5f3c7d9e2ffae6 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
<!DOCTYPE html>
<html><head>
<title>CSS Test (Transforms): Fixed Background (with scrolling)</title>
<link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor">
<link href="http://www.w3.org/TR/css-transforms-1/#transform-rendering" rel="help">
<meta content='"Fixed backgrounds are affected by any
transform specified for the root element, and not by any other transforms."
Here we translate the div 150px down instead of 50px, and also scroll down
100px. This should be the same as the previous test because the background
image is 100px square.' name="assert">
<meta content="svg dom" name="flags">
<link href="reference/transform-fixed-bg-ref.htm" rel="match">
<style>
body {
margin: 0;
height: 5000px;
overflow: hidden;
}
div {
background: url(support/transform-triangle-left.svg) fixed;
width: 100px;
height: 100px;
transform: translate(50px, 150px);
}
</style>
</head>
<body>
<div></div>
<script>scroll(0, 100)</script>
</body></html>
|
