css何时用img,何时用背景图片?

婉竹宝宝 2024-06-06 12:36:01
最佳回答
在什么情况下更适合使用html img标签来显示一个图像,而不是一个css有背景图像,反之亦然?如下场景使用img标签比较合适:1、如果图像是等内容的一部分或图表或人(真正的人,而不是股票图人),使用img标签加上alt属性。2、如果你想打印页面并且你想要的图像包括默认情况下使用img。3、使用img(alt文本)图像有一个重要的语义时,比如一个警告图标。这将确保图像的意义可以很好的和user-agents沟通,包括屏幕阅读器。4、如果你依赖于浏览器缩放图像比例并且可以呈现不错的效果时使用img。5、如果配合 z - index 伸展背景图像来填补它的整个窗口时使用img。6、使用img代替有背景图像可以显著提高性能的动画背景。7、img会首先加载因为src在html文件本身中而在有背景图像源是样式表中引入的图像,加载样式表加载后,延迟加载的网页。如下场景使用background-image属性比较合适:1、如果图像不是内容的一部分时使用backgrond-image。2、当图像代替文本使用时使用backgrond-image。3、如果你想打印页面并且你不想要的图像包括默认情况下使用backgrond-image。4、如果需要缩短下载时间通过css sprites 时使用backgrond-image。5、如果你只需要展示图像的一部分通过css sprites,时使用backgrond-image。6、如果你需要为不同的屏幕分辨率展示不同的图像使用 media查询时使用backgrond-image。 20210311
汇率兑换计算器

类似问答
  • 50元人民币图片背景是什么
    • 2024-06-06 05:24:21
    • 提问者: 未知
    现行的第五套人民币50元券的背面图案是****宫。第四套人民币50元背面黄河壶口瀑布。
  • **背面三位数在哪图片
    • 2024-06-06 14:31:54
    • 提问者: 未知
    **背面三位数是在签名栏里,总共七位数,前面四位是你**的的后四位,后三位就是**的无卡交易验证码,如下图: 据银行工作人员介绍,**背面签名栏后三位数字是无卡交易密码验证码,就是持卡人在进行无卡消费时核实身份使用的验证码。需要提醒的是,一旦持卡人泄露了这三位数字,...
  • 打印股票图片如何去掉背景色
    • 2024-06-06 00:47:59
    • 提问者: 未知
    打开“工具”选项,选择“系统设置” 在“系统设置”里,选“背景色”,选白色块,背景就能改变
  • logo背景图片如何更改?
    • 2024-06-06 17:18:38
    • 提问者: 未知
    更换整体页面背景的源代码:<style type=text/css>body {b(博客整体页面背景图片)repeat scroll!important;}更换页面题图logo图片的源代码:<style type=text/css>.logo {b...
  • 如何在摄影构图时使用引导线构图?
    • 2024-06-06 02:25:03
    • 提问者: 未知
    摄影构图有20种方式,其中有常见的,也有一些或许是你未曾接触过的。1、三分法三分法构图应该是最常见也是最基本的构图方法。这个构图方法是用4条直线,将画面分割成9个相等的方格。这种构图,表现鲜明,画面简练。目前,绝大多数的数码相机甚至是手机都内置了九宫格辅助构图线,它适合应用于各种拍摄题材,最常使用的就是风景、人物等。2、对称式构图对称式构图具有平衡、稳定、相呼应的特点,但其缺点就是过于呆板、缺少变...
  • 美图秀秀怎么让图片背景变成白色
    • 2024-06-06 11:01:29
    • 提问者: 未知
    http://jingyan.baidu.com/article/636f38bb3050b4d6b84610e7.html
  • 什么时候用img,什么时候用background
    • 2024-06-06 19:50:54
    • 提问者: 未知
    1、如果图像是等内容的一部分或图表或人(真正的人,而不是股票图人),使用img标签加上alt属性。2、如果你想打印页面并且你想要的图像包括默认情况下使用img。3、使用img(alt文本)图像有一个重要的语义时,比如一个警告图标。这将确保图像的意义可以很好的和user-agents沟通,包括屏幕阅读器。
  • 请问贴吧贴图时如何将图片贴得最大?
    • 2024-06-06 04:34:13
    • 提问者: 未知
    图片放大了不清晰,办法是有的:开始-程序-附件-画图-图像-拉伸/扭曲-选择比例为200%或者更高。'''╭⌒╮⌒╮.╱?''.''.爱问才知道,不问不知道!田︱田田|'',.爱问就会红,敢答才会赢!...
  • 如何利用碎片时间?
    • 2024-06-06 03:49:41
    • 提问者: 未知
    请问各位知友你们是怎样利用起碎片化的时间的?比如课堂间隙、等车等人的时间。这些时间通常不超过15分钟…
  • 如何利用word将两张图片合并成一张图片
    • 2024-06-06 11:52:25
    • 提问者: 未知
    p>如何利用word将两张图片合并成一张图片呢?下面小编来教大家。div>操作方法</h2><ul><li><i>01</i><p>首先,我们打开我们电脑上面的word...
汇率兑换计算器

热门推荐
热门问答
最新问答
推荐问答
新手帮助
常见问题
房贷计算器-九子财经 | 备案号: 桂ICP备19010581号-1 商务联系 企鹅:2790-680461

特别声明:本网为公益网站,人人都可发布,所有内容为会员自行上传发布",本站不承担任何法律责任,如内容有该作者著作权或违规内容,请联系我们清空删除。