2008-10-30 02:27:43 -07:00
|
|
|
<!doctype html>
|
|
|
|
|
<html><head><title>455105-2</title>
|
|
|
|
|
<style>
|
|
|
|
|
div#below {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 10px; left: 10px;
|
|
|
|
|
width: 40px;
|
|
|
|
|
height: 40px;
|
|
|
|
|
border: 10px solid red;
|
|
|
|
|
background-color: red;
|
|
|
|
|
}
|
|
|
|
|
div#above {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 10px; left: 10px;
|
|
|
|
|
width: 40px;
|
|
|
|
|
height: 40px;
|
|
|
|
|
border-width: 10px;
|
|
|
|
|
border-style: solid;
|
|
|
|
|
border-color: green;
|
|
|
|
|
/* one pixel green */
|
|
|
|
|
background-image: url("data:image/gif;base64,\
|
|
|
|
|
R0lGODlhAQABAPAAAACAAAAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==");
|
|
|
|
|
/* three by three pixel transparent - drawn *instead of* regular border */
|
2012-05-30 22:19:49 -07:00
|
|
|
border-image: url("data:image/gif;base64,\
|
2008-10-30 02:27:43 -07:00
|
|
|
R0lGODlhAwADAPAAAAAAAAAAACH5BAEAAAAALAAAAAADAAMAAAIDhH8FADs=") 1 1;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head><body>
|
|
|
|
|
<div id="below"></div>
|
|
|
|
|
<div id="above"></div>
|
|
|
|
|
</body></html>
|
