• My background in varosvedo dot hu is full and fixed. It fills the screen even zooming the view in every browser but not in IE. Please, tell me, how can I get the same effect in IE?

Viewing 10 replies - 1 through 10 (of 10 total)
  • Hi, it looks fine for me on ie. Have you solved this issue by yourself ?

    Thread Starter hymer

    (@hymer)

    Hi. No, I have not solved it and you see my problem if you try to zoom the view. All other browsers accept `body.custom-background {
    background-size: 100% auto; `. You can zoom out with ctrl- and see more and more of the background, https://dl.dropboxusercontent.com/u/99946984/support/zoom-chrome.jpg
    but ie does not allow this. The background bacomes smaller too and yoo get white margins around the background. https://dl.dropboxusercontent.com/u/99946984/support/zoom-ie.jpg

    Thread Starter hymer

    (@hymer)

    You could not find anything a while, because I changed server and everything disappeared but now it is visible again. I describe my problem more precisely:
    varosvedo .hu has a fixed background.

    (Sorry if I write it with a space. Please, take away the space for yourself. I don’t want use the right form of the domain, because I don’t want google will get people interested about the site will read my technical problems here. This is not a secret but this is not their interest, they are interested about buildings and defending of scheduled monuments.)

    It is fixed and no-repeat by the theme GoPress appearence, I could not find the css for it, but however, I completed it in head.php with background-size: 100% auto; to stretch the background on whole screen, irrespectively view-zooming. So if you zoom out with ctrl -, you can see more and more of the background-image. I love this effect. Every browsers accept this, but not IE. What can I do.?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    IE8 and below doesn’t understand “background-size”. How do you fix it? Use these filters:

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='images/logo.gif',
    sizingMethod='scale');
    
    -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='images/logo.gif',
    sizingMethod='scale');

    Note that the “src” of the image will have to be an absolute URL.

    Which theme is this regarding?
    https://www.ads-software.com/themes/search.php?q=gopress

    Thread Starter hymer

    (@hymer)

    What is the wrong with this?

    <style>
    
    body.custom-background {
    background-size: 100% auto;
     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='uploads/2013/12/karacsony-2013.jpg',
    sizingMethod='scale');
    
    -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='uploads/2013/12/karacsony-2013.jpg',
    sizingMethod='scale');
    
    }
    </style>

    Usually, the issues appears in CSS for ie because there is a space missing or added before and/or after the colon.

    For example :

    margin:3px
    margin :3px
    margin: 3px
    margin : 3px

    So, try every option like my example applied to your filter property. It can be fixed like this. Otherwise, that’s the filter which is not good.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    What’s wrong? You’re using relative paths to images. They must be absolute, e.g:

    https://example.com/path/to/file.jpg

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try it with a placeholder image to test:

    https://placekitten.com/1000/1000

    Thread Starter hymer

    (@hymer)

    onirisweb and Andrew, I tried both. Sorry, no changes.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Not much we can do to understand why that is without seeing a link to your site.

    Your theme’s vendors might be better suited to these questions.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘How to fix the full background in IE?’ is closed to new replies.