Geek Answers Handbook

IE10 artifacts appear when using alpha png with a repeat background

I have the following problem in IE10 under Windows8, just using a simple and simple div with repeat-x background and using transparent png artifacts.

Results: http://s18.postimg.org/9tn3dlsqx/artifacts.png

Here is a sample code:

CSS

div.field { height: 762px; background-image: url(../img/background_grass.png) repeat-x; width: 5000px; left: -700px; position: absolute;  }
div.graphics { overflow: hidden; width: 3840px; position: absolute; background: url(../img/path_1.png); height: 640px; top: 315px; left: -1000px;}

And html

<!DOCTYPE html>
<html>
<head>
    <title>MyForest -  -</title>
    <meta charset="UTF-8" />
    <link href="styles/styles.css" rel="stylesheet" />
</head>

<body>
    <div class="field"></div>
    <div class="graphics"></div>
</body>

+2
source share
1 answer

I have the same problem. Try changing the height or width of the image.

, png, , . 2000 1000 , 88 ( 2088 . png . , 2000px 2000px, .

... , IE 10, .

+1

More articles:


All Articles