the following is a simple way to make background image scalable.
Code:
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#background
{
width:100%; height:100%; position: absolute; z-index: -1; top: 0; left:0;
}
</style>
<title>Untitled Document</title>
</head>
<body>
<img id="background" src="png_1.png"/>
</body>
</html>
how to do the same to the map of hotspots created for the image in, say, fireworks? Are there any better suited tools?
The purpose is being able to have an image scalable together with its responsive elements, with some html objects on top, also placed relatively to the scale of the image.
I wonder if that is possible at all or a different environment would be needed. any advise?