Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Image does not appear #15

Open
abidingbear opened this issue May 14, 2013 · 12 comments
Open

Image does not appear #15

abidingbear opened this issue May 14, 2013 · 12 comments
Labels

Comments

@abidingbear
Copy link

I cannot seem to get the polyfill to work. When viewed in ie8 the background image is not appearing. Any advice you can give would be appreciated.

@jefferyto
Copy link
Collaborator

Can you post a link?

@xavio
Copy link

xavio commented Aug 22, 2013

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.

@jefferyto
Copy link
Collaborator

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

@codeofsumit
Copy link

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

@jefferyto
Copy link
Collaborator

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

@codeofsumit
Copy link

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

@timtempel
Copy link

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>

@jefferyto
Copy link
Collaborator

@timtempel does this help? #31 (comment)

@timtempel
Copy link

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

@timtempel
Copy link

Great work by the way!

@jefferyto
Copy link
Collaborator

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

@sunxiaoyun21
Copy link

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

6 participants