Image does not appear about background-size-polyfill HOT 12 OPEN

Can you post a link?

from background-size-polyfill.

I'm having the same issue, somewhat related to #11

IE8 says that there's a bunch of invalid arguments and wont display the pictures.

from background-size-polyfill.

@xavio Can you try version 0.2.0 to see if it makes any difference?

from background-size-polyfill.

i have the same issue, but the image appears if i resize the browser window.

from background-size-polyfill.

@sumit8 Can you post a link or jsFiddle with your issue?

from background-size-polyfill.

unfortunately i can't give you access to the current project and as we're finalizing it right now, i don't have time to build a jsFiddle just yet (also, how to test jsFiddle-content in IE8? The site does not work there).
But i'll defenitely give more feedback regarding this issue after this project

from background-size-polyfill.

Same problem here but it only occurs when you have the background element in a div which is hidden and displayed later on. I created a Fiddle but I can't open it in IE so here is the simple output (test.html): (it occurs in IE 9 and below)

p.s. backgroundsize.min.htc must be in the same folder as test.html

<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
<script>function test(){$('#test').fadeIn();}</script>
<div style="background-image:url(http://s2.djyimg.com/n3/eet-content/uploads/2013/11/GOLD-TREE-shutterstock-119376553-WEBONLY.jpg);width:300px;height:180px;-webkit-background-size:cover;-moz-background-size:cover;background-size: cover;background-repeat:no-repeat;-ms-behavior: url(backgroundsize.min.htc);behavior: url(backgroundsize.min.htc);"></div>
<div id="test" style="display:none;position:relative;">
    <div style="background-image:url(http://www.tea4you.nl/media/catalog/product/cache/2/thumbnail/500x500/9df78eab33525d08d6e5fb8d27136e95/d/i/diverse-fruit_21.jpg);width:300px;height:180px;-webkit-background-size:cover;-moz-background-size:cover;background-size: cover;background-repeat:no-repeat;-ms-behavior: url(backgroundsize.min.htc);behavior: url(backgroundsize.min.htc);"></div>
</div>
<a onmouseover="javascript:test();">Hover here</a>

from background-size-polyfill.

@timtempel does this help? #31 (comment)

from background-size-polyfill.

Sorry, my bad! I didn't browse through the closed section, it's fixed now. Thank you!

from background-size-polyfill.

Great work by the way!

from background-size-polyfill.

@timtempel thanks :-) I should probably include that info in the README or somewhere more visible

from background-size-polyfill.

有人解决这个问题么，我在css中也用了"-ms-behavior: url(css/backgroundsize.min.htc), behavior: url(css/backgroundsize.min.htc ，也执行了，就是页面上是没有任何图片的

from background-size-polyfill.