Here is my CSS code inside XML
<?xml version="1.0" encoding="UTF-8" ?>
<Content type="html">
<![CDATA[
<style type="text/css">
body
{
background-image: url('
http://www.abc.com/BG.jpg');
BACKGROUND-POSITION : left top;
background-attachment: fixed;
background-repeat: no-repeat;
}
#Layer1 {
position:absolute;
width:43px;
height:29px;
z-index:3;
left: 158px;
top: 313px;
}
</style>
<script type="text/javascript">
function showtable1()
{
}
</script>
<body>
<center>
<div id="Layer1">
<img src="
http://www.abc.hk/button.jpg" onclick="javascript:showta
ble1()">
</div>
</body>
]]>
</Content>
</Module>
The code is very simple, I just have 1 background image and 1 image inside.
I would like to control the position of the image but seems the style part doesnt work. The image always in one position Why?
Start Free Trial