window.close(); javascript code not working with chrome

Question

I have an image javascript button that it`s not working on chrome ,

would you please helping me Thanks in advance!

here is the code:

I just hide the pop up:

Edit :

for closing I`m using this function just hide it

function hideBulle() {
    $("bullepopup").style.display="none";
    hideoverlay();
}

and here is the code for creating one box and this button

  function showBulle(obj) {
    showoverlay();
    coo =   $("content").getPosition();
    $("bullepopup").style.width = "555px";
    $("bullepopup").style.height = "555px";
    $("bullepopup").position({x: (coo.x+((650-555)/2)), y: (coo.y+(440-250)/2)});
    $("bullepopup").style.display="";
    $("bullepopup").set('html','');
    new Element('img',{src:'images/br588.gif',styles: {float:'right',cursor:'pointer'},
                            events: {
                                click: function(){
                                hideBulle();
                                }
                            }
                        }).inject($('bullepopup'));

    new Element('br').inject($('bullepopup'));

    new Element('div',{html:obj.get('html')}).inject($('bullepopup'));
}
function hideBulle() {
    $("bullepopup").style.display="none";
    hideoverlay();
}

Thanks in advance!

Answer 1

check your css with chrome developer tool , you should have some frame in your button

remove or change it

you can try this code also

window.open('', '_self', ''); //bug fix
window.close();