I found a strange problem on Tizen 2.2. The web page has a div
node which has a image background and it is attached a click
event listener. When the div node is pressed, an unexpected orange
rectangle appears(please see the attached images) . I tried to set the
css property "background-color" to transparent for its active and hover
selector, it doesn't work.The problem can't be reproduced on Tizen 2.1.
The source code package is uploaded to https://www.dropbox.com/s/o6c557s3junzq2n/hello.zip
the images are uploaded to https://www.dropbox.com/s/k4qqw05wiu0u95j/IMG_1134.JPG and https://www.dropbox.com/s/1co9qm13z56fn5i/IMG_1135.JPG
HTML:
<body>
<div id="info"></div>
</body>
CSS:
#info {
position: static;
right: 2.5%;
bottom: 4%;
width: 180px;
height: 180px;
background-image: url(../images/button_down.png)
background-size: 180px auto;
background-repeat: no-repeat;
background-position: center center;
}
JS:
//Initialize function
var init = function () {
// TODO:: Do your initialization job
console.log("init() called");
var info = document.getElementById('info'
info.addEventListener('click',
//alert('click');
},false);
};
//alert('start');
window.onload = function() {
//alert('onload');
init();
};