css设置 备用 background背景图

2020-01-16 17:44:05 230 收藏
分类专栏： 样式 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34995862/article/details/104008651
版权

css设置 备用 background背景图


有时需要给容器设置一个 备用背景图片

比如需求：服务器上的背景图文件不一定存在，存在的话显示服务器上的图片，不存在的话则显示‘’备用‘’背景图（补位图片）

写法：
background: url("需要显示的图片/jpp"),url("备用图片.jpg");

如何工作？
会优先加载显示前面的背景图片，加载失败的话则加载显示第二张图片
在这里插入图片描述

已标记关键词 清除标记
css 背景颜色 background属性
cqqorcq的博客
07-01 1252
背景颜色 background含义：背景是指在盒子结构中，衬托在边框线范围以内的背景颜色或背景图。可以设置背景颜色，或背景图，或同时设置。其中背景图有多项参数可设置。主要的背景属性设置有：设置背景颜色：background-color：yellow;设置背景图：background-image：url(图片路径); //注意，图片路径是相对于当前网页或css文件(对外部样式来说)设置背景图...
表情包
插入表情
还能输入1000个字符
vue图片地址不对显示默认图片并且大小与background：cover效果一样
caoyan0829的博客
08-23 3391
我遇到的问题是这样的：    list要有图片，但是有的图片太长或者太宽，就需要固定长和宽，开始我是用下面的方法的。使用background-size: cover这个属性。但是如果  图片url存在并且错误的时候，代码会执行第一段。那么久出现一个问题就是背景图片解析不出来，显示空白框。   解决方法： 使用img标签，有人会说img没法做到background-size: co...
css去掉select默认样式 文本超出 固定背景图
webZRH的博客
03-30 2714
css去掉select默认样式 文本超出 固定背景图
CSS 背景颜色 background-color属性
歪脖先生的博客
02-17 2万+
背景颜色背景颜色是背景应用中最基础的属性，使用 background-color属性，几乎可以为任何元素定义背景颜色，该属性不能被继承，其默认值是 transparent，即透明背景。也就是说，如果一个元素没有显式定义背景颜色，那么其背景是透明的，就可以透过该元素看到其祖先元素的背景。background-color属性接受任意合法的CSS颜色值，如预定义的颜色名、十六进制数值、RGB值、RGB百...
css3 background属性如何设置多张背景图
tianpeng1996的博客
09-25 390
转载“共享博客” 原文http://www.sharedblog.cn/?post=122 Why？？？ 什么？可以设置多张背景图... 刚看到我是懵逼的，于是我查了下，css3确实可以设置多张背景图，方法分享给大家。 首先，关于background常用属性值介绍http://www.sharedblog.cn/?post=115 下面，css3实现一个盒子设置多张...
css背景图片高斯模糊_CSS背景
cunfen6312的博客
07-28 280
css背景图片高斯模糊 CSS背景 (CSS Backgrounds) Well, you have now seen the syntax of CSS and are now comfortable with writing CSS rules using class and id selectors. Moving on, we now dive into backgrounds in C...
css js 打印背景图
刚刚好
04-03 2097
如果不对浏览器设置，直接打印时是无法打印背景图的。 方法一 ：css @media print { body{ -webkit-print-color-adjust:exact; -moz-print-color-adjust:exact; -ms-print-color-adjust:exact; print-c...
css样式中背景图片备用色的正确写法
12-13
在我们写css样式背景图的时候 通常会写一个备用色，正确写法。 复制代码代码如下: background: url(“a.jpg”) no-repeat #ccc; 如果不写火狐自动生成 复制代码代码
css调节背景图片大小_使用CSS动态调整大小的背景
cungui5726的博客
08-18 202
css调节背景图片大小Large, illustrative background images appear to be the trend in web design this year. Links in recent articles here have provided some examples: thesixtyone and youarelistening.to (from “Mu...
drawitem设置指定行的背景颜色_CSS 背景(background)
weixin_39580748的博客
11-29 2
属性描述版本background-color背景颜色。CSS1background-image背景图像。CSS1background-position背景图像位置。CSS1background-size背景图像的尺寸大小。CSS3background-repeat背景图像如何铺排填充。CSS1background-origin背景图像位置的参考原点。CSS3background-clip...
前端背景图放置_css如何设置背景图片？background属性添加背景图片
weixin_36280540的博客
02-05 48
在前端开发过程中，为了页面的美观，往往都会给html页面添加背景图片。那么如何利用css设置html中用图片做背景？本章就给大家介绍css怎样设置背景图片。有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。css怎样设置背景图片?css background属性就是专门设置背景的属性，可以设置背景色，也可以设置背景图片。下面看看background可以设置的属性：background-...
css设置背景图background
baidu_40537062的博客
09-26 52
.back{ margin-left: 1rem; width: 1rem; height: 1.5rem; background-image: url(../image/return_icon.svg); background-size: 100% 100%; background-repeat: no-repeat; }
CSS3 background 分别设置多个背景图片【博主推荐】
fengqingxin的专栏
06-27 241
CSS3允许给box/div元素设置多个背景图片，只需要在原来的基础上加逗号分隔即可分别设置。 支持 Mozilla Firefox (3.6+), Safari/Chrome (1.0/1.3+), Opera (10.5+) ，Internet Explorer (9.0+) 等。 先上一个小例子，一只羊的png图片背景和草原的大背景 可以分别设置。效果如下： 代码如下： ...
css设置背景色渐变
xiejunna的博客
01-14 2551
css完成以下如图背景色 css样式 #div1 { width: 100%; height: 100px; background: #0068B5;/* 为较旧的或者不支持的浏览器设置备用属性 */ background: -moz-linear-gradient(left, #0068B5 0%, #7CAFE1 100%);/**/ background: -webkit...
背景图片备用色
思祁阁
02-23 785
在我们写css样式背景图的时候 通常会写一个备用色，正常写法。 background: url("a.jpg") no-repeat #ccc; 如果不写火狐自动生成 background: url("images/6.png") no-repeat scroll 0 center rgba(0, 0, 0, 0); rgba在ie8以及低于ie8的版本都无法解析，故连图片的
CSS3 多重背景
歪脖先生的博客
02-18 1694
多重背景在CSS3之前，一个元素只能设置一个背景图像。而CSS3中，可以为一个元素添加多个背景图像。定义多图像背景时，只需在 background-image 或 background 属性列出需要使用的所有背景图像，并用逗号隔开。而且，每个背景图像都具有 background 中的任何属性，如可以设置背景位置、设置背景重复、设置背景尺寸等，多个属性值按顺序依次对应。如果某个属性只提供了一个参数值...
css背景设置，让套图中某张图片居中显示的例子
丰云 之 薪火
03-01 5042
这个效果的实现使用了padding,background-origin,background-clip组合，值得贴出来给大家参考参考
background复合属性顺序_CSS 背景(background)
weixin_30976201的博客
01-03 1
属性描述版本background-color背景颜色。CSS1background-image背景图像。CSS1background-position背景图像位置。CSS1background-size背景图像的尺寸大小。CSS3background-repeat背景图像如何铺排填充。CSS1background-origin背景图像位置的参考原点。CSS3background-clip...
CSS中的几种图片覆盖文本的方法
cithegod的博客
12-25 2604
CSS CookBook中有几种图片覆盖文本的方法，整理出来备用： Gilder/Levin image replacement technique: <h1> <span></span> Replacement Text Is Here. </h1>h1 { width:200px; height:100px; position:relative; } h1 span {
CSS Sprites(CSS图像拼合技术)教程、工具集合
weixin_30778805的博客
05-29 66
本文出处:http://blog.bingo929.com/css-sprites-css-techniques-tools-tutorials.html 今天彬Go将向大家推荐目前为止最全的CSS Sprites(CSS图像拼合技术)技巧、工具和教程集合，该集合是有一位国外设计师收集整合，并由 oncoding翻译成中文的，感谢他们的辛苦贡献。CSS Sprites技术在国外并不是...
©️2020 CSDN 皮肤主题: 游动-白 设计师:白松林 返回首页