图像不出现在IE7或IE8 [英] image not appearing in IE7 OR IE8

问题描述

我有一个在我的网站上使用绝对定位的图片。它被定位以出现在css-background-image上。它工作正常在基于gecko的浏览器和webkit。我很惊讶地看到相同的问题，在IE的BOTH版本包括8.我目前使用的图像的png，但尝试与一个jpg，这没有什么区别。相关标记和css在下面....任何想法？

I have an image that is using absolute positioning on my site. It is positioned to appear over a css-background-image. It works fine in gecko based browsers and webkit. I was surprised to see the same problem in BOTH versions of IE including 8. I am currently using a png for the image but tried it with a jpg and that made no difference. Relevant markup and css below....Any ideas ?

     <div id="have_vid">
     <div id="click_here">
        <a href="/services"<img id="join_now" src="<?php bloginfo('template_directory'); ?>/images/clickhere.png"</img></a>
     </div>
     </div>

#have_vid {
    width: 328px;
    height: 152px;
    background-image: url(images/havevid.jpg);
    background-repeat: no-repeat;
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    padding-bottom: 14px;
    border-bottom:1px dotted #616161;
}

#click_here{
    position: absolute;
    top: 50px;
    right: 24px;
}

推荐答案

错误。尝试

<a href="/services"><img id="join_now" src="<?php bloginfo('template_directory'); ?>/images/clickhere.png" /></a>

也可使用 fiddler 观看并看到IE正在正确下载图片。

Also use fiddler to watch and see that IE is downloading the image correctly.

这篇关于图像不出现在IE7或IE8的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！