Skip to content


Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Fetching contributors…

Cannot retrieve contributors at this time

63 lines (46 sloc) 1.51 kb
<!DOCTYPE html>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>&lt;img&gt; elements</title>
<style type="text/css">
img {
border-radius: 40px;
behavior: url(../build/;
border: 0;
position: relative;
#shadow {
-webkit-box-shadow: 0 0 10px red;
-moz-box-shadow: 0 0 10px red;
box-shadow: 0 0 10px red;
#pngfixCont {
padding: 10px;
background: url(background1.gif);
#pngfix {
border-radius: 0;
-pie-png-fix: true;
<h2>Rounded corners</h2>
<img src="photo.jpg" />
<h2>Rounded, scaled down</h2>
<img src="photo.jpg" width="320" height="240" />
<img src="photo.jpg" width="128" height="480" />
<img src="photo.jpg" width="640" height="128" />
<h2>With shadow</h2>
<img src="photo.jpg" id="shadow" width="320" height="240" />
<h2>In link (should remain clickable)</h2>
<a href="#" onclick="alert('clicked'); return false;"><img src="photo.jpg" width="320" height="240" /></a>
<h2>With border</h2>
<img src="border.png" style="border:10px solid red;" />
<img src="icon-safari.png" onmouseover="this.src='icon-chrome.png'" onmouseout="this.src='icon-safari.png'" />
Jump to Line
Something went wrong with that request. Please try again.