CSS incompatibility with jquery blockUI in IE 8

Asked

Viewed 277 times

4

I’m using 1.11.0 along with the plugin 2.66.0 and when locking the screen, the div white background on IE 8 and earlier.

Follow the images:

Essa é a minha tela no IE-9, comportamento correto E essa no IE-8, com erro

The call to blockUI:

$.blockUI({
    message: "<p style=\"font-weight: bolder; color: white;\">N&atilde;o houve resultado para o seu filtro.<br /><br /><a class=\"fecharBlockUI\">Fechar</a></p>",
    timeout: 5000,
    onOverlayClick: $.unblockUI
});

I know I should make a CSS hack, but I do not know well front-end, someone could explain me how to keep the behavior equal to the first image also in IE 8 and earlier?

As requested, follow the css style change:

$.blockUI.defaults.css = {
    border: "none",
    backgroundColor: "rgba(255, 255, 255, 0)",
    textAlign: "center",
    padding: 0,
    margin: 0,
    width: "30%",
    top: "40%",
    left: "35%",
    color: "#000000",
    cursor: "wait" 
};
jquery css internet-explorer internet-explorer-8 jquery-blockui
  • 2

    Using your code on example page of the plugin the background turns white. You must be replacing the default style in CSS and for some reason it doesn’t work in IE8. Could edit showing these styles?

  • @Gustavorodrigues From what I understand the user wants the behavior of the first image and not the second one which really implies to change a little the CSS.

  • exactly, I want the behavior of the first image.

1 answer

3


 backgroundColor: "rgba(255, 255, 255, 0)",

Colors written as RGBA are not supported in IE8. Use this:

 backgroundColor: "transparent",

  • It worked perfectly @Gustavorodrigues! Thank you very much man!

Browser other questions tagged jquery css internet-explorer internet-explorer-8 jquery-blockui

You are not signed in. Login or sign up in order to post.