相关疑难解决方法(0)

在什么情况下使用HTML IMG标签来显示图像更合适,而不是CSS background-image,反之亦然？

因素可能包括可访问性,浏览器支持,动态内容或任何类型的技术限制或可用性原则.

在img标签与具有图像背景的div中显示图像时,性能或加载/缓存行为是否有任何差异？

我的例子:

我有一个有很多重叠图像的网站,其中一些我需要用javascript动态加载.一个问题是我需要将图像锚定在元素的右侧,这样我才能做出很好的擦除效果.因此我使用了一个div,背景图像位置正确.无法弄清楚如何用img做到这一点,但由于div正在为我工​​作,我不知道这是否重要...

我写了这样的<img>标签:

<img id="image1" alt="image1" />

而css代码是:

#image1 {
    background-image: url("../images/home-page/image1.jpg");
    background-size: 100% 100%;
    position: absolute;
}

在我的网页上,图像和alt属性的文本都会显示出来.如果图像存在,那么我不想显示替代文字.不知道是什么问题.谁能知道如何解决它？问题是什么？

我需要一双关于这段代码的新眼睛.必须有编码器的盲目性或其他东西.对于我的生活,我无法弄清楚为什么图像没有在页面上加载.

我一直坐在这里将其与其他工作代码进行比较,使用不同的类和图像精灵,无法查看问题所在.

如果有人不介意花一两分钟跑过去,我会非常感激.

.480sl1, .480sl2, .480sl3, .480sl4, .480sl5, .480sl6, .480sl7, .480sl8, .480sl9, .480sl10, .480sl11, .480sl12, .480sl13
{background-image: url('https://freephonewallpapersformobile.files.wordpress.com/2015/11/480-sl-sprite.jpg');
background-repeat: no-repeat;
width:100px;
height:166px;   
display:inline-block;



}



.480sl1 {background-position: 0px 0px;}
.480sl2 {background-position: 0px -166px;}
.480sl3 {background-position: 0px -332px;}
.480sl4 {background-position: 0px -498px;}
.480sl5 {background-position: 0px -664px;}
.480sl6 {background-position: 0px -830px;}
.480sl7 {background-position: 0px -996px;}
.480sl8 {background-position: 0px -1162px;}
.480sl9 {background-position: 0px -1328px;}
.480sl10 {background-position: 0px -1494px;}
.480sl11 {background-position: 0px -1660px;}
.480sl12 {background-position: 0px -1826px;}
.480sl13 {background-position: 0px -1992px;}

<div class="top_grow11"><a href="free-480x800-mobile-wallpapers.htm"><img class="480sl1"></img></a></div> …