Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  <h1>Bug with SVG-background in Opera 12</h1>
  
  <h3>Open this in Opera 12 and scroll page.</h3>
  
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque rhoncus quam lacinia, ullamcorper neque eget, vestibulum nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer vel sodales orci, in sagittis lacus. Pellentesque gravida nibh non metus fermentum, et porta nunc sodales. Aenean consectetur ante in ante tristique pharetra. Aliquam et commodo metus, at mattis sapien. Suspendisse tincidunt at elit non porta. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p> 
  
<div class="bg"></div>
<div class="bg"></div>  
<div class="bg"></div>
<div class="bg"></div>  
  
  
<div class="bg"></div>
<div class="bg"></div>  
<div class="bg"></div>
<div class="bg"></div>  
 
</body>
</html>
 
BODY {
  background: white;
  
}
.bg {
  width: 259px; 
  height: 250px;
  margin: 20px;
  background: url(http://yoksel.github.io/assets/img/svg/sign.svg);
  background-color: palegoldenrod;
}
.bg {
  border: 1px solid;
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
yokselpro
0viewers