背景图的属性及属性值

2024-11-10

CSS属性：背景属性（图文详解）

本文最初发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. background系列属性常见背景属性 CSS样式中,常见的背景属性有以下几种:(经常用到,要记住) background-color:#ff99ff; 设置元素的背景颜色. background-image:url(images/2.gif); 将图像设置为背景. background-repeat: no-repeat; 设置背景图片是否重复及如何重复,默认平铺

a标签的背景图在ie8下不显示的问题

突然发现临下班时候问题就多, 马上下班了被头头告知线上已经上线很久的活动现在有个兼容性问题, a标签的背景图在ie8下会有不显示的情况. 我自己找了台ie8的机器实验了一下, 发现一切正常, 但是在另外一个同事机器上就会有这个问题, 真心奇怪! 后来找到问题的原因, 是因为在ie8下要显示a标签的背景图有一个重要属性: display:block; 同时还要注意background属性中 no-repeat 前面的空格. 改正之后, 背景图正常显示了. 不过同是ie8, 一个可以, 一个却不行这

整理今天js留下的作业（点击换图片换首页背景图）

<div class="buttons"> <button id="katong">卡通</button> <button id="jian">简约</button> <button id="gufeng">古风</button> </div> <ul class="1"> <li

CSS常用字体属性(多出的文本隐藏，或者以省略号的形式显示)和背景样式以及背景图的2个不常用属性：background-origin和background-clip

(一)常用的字体属性: font-weight: 属性值100-900 400等于正常 700等于bold ,数值越大,越粗 font-size:字体大小,单位可以为px或者% font-family:字体族比如说:微软雅黑 font-style:字体的样式 italic斜体 normal正常 font-variant:small-caps 将字母转化为小一号的大小字母注意:所有属性也可以通过font一个属性写,例如: font:italic bold 75%/1.8 'Microsoft

css 背景(background)属性、背景图定位

background属性: Background属性是css中应用比较多,且比较重要的一个属性,它是负责给盒子设置背景图上和背景颜色的,background是一个复合属性,它可以分解成如下几个设置项: (1)background-color 设置背景颜色 (2)background-image 设置背景图片地址 (3)background-repeat 设置背景图片如何重复平铺 (4)background-position 设置背景图片的位置 (5)background-attachment 设

全屏背景图的实现及background的相关属性

今天需要做一个占满设备宽度的轮播图,这里作为demo仅展示一张图,下面分别是要操作的图片(这里做了缩放处理,实际的图比较大),以及要实现的效果图,很明显两者是不成比例的: (图一) (图二) 这里给定了宽,也就是设备宽度的100%,同时给定了高,比如这里设置为8.5rem (html的字体设为20px); 1. 首先我们考虑用img标签来放图片路径,可是这种方法是很难控制图片高度的,如果我们设置宽度100%,让高度自适应,那么实际

利用css3的多背景图属性实现幻灯片切换效果

css3里关于背景的属性增加了可以添加多背景图的特性,例如: .box{background: url(img/1.png),url(img/2.png),url(img/3.png);} 这段css代码,就给.box元素添加了三张背景图,而正因为有了这样一个功能,我们可以利用不停的变换这三张背景图的位置来实现幻灯片切换的效果. html代码非常精简,如下: <body> <div class="box"> </div> </body>

css3的新属性新增的颜色--- 透明度---两种渐变---定义多张背景图--background-size

css31==>颜色的6种表示的方法有6种表示颜色的方法关键字 rgb rgba(css3) 16进制 hsl hsla hsla h=>是色相,值为360, s=>饱和度,0%--100%: l-->亮度(0%--100%): a-->透明度(0 表示完全透明,1表示完全不透明) 2==>透明度 opacity一个元素的 opacity属性会完全的应用在这个元素的本身和它的子孙上, opacity的值在0--1:0表示完全的透明(看不见) 兼容所有的浏览 img{f

css考核点整理（八）-在什么情况下通过img引入图片，什么情况用背景图引入？背景属性有哪些

在什么情况下通过img引入图片,什么情况用背景图引入?背景属性有哪些

css设置全屏背景图，background-size 属性

在写主题样式的时候经常会碰到用背景图铺满整个背景的需求,这里分享下使用方法需要的效果图片以背景的形式铺满整个屏幕,不留空白区域保持图像的纵横比(图片不变形) 图片居中不出现滚动条多浏览器支持以图片bg.jpg为例最简单,最高效的方法 CSS3.0 归功于css3.0新增的一个属性background-size,可以简单的实现这个效果,这里用fixed和center定位背景图,然后用background-size来使图片铺满,具体css如下 -webkit-background-si

css常用属性之绝对定位、相对定位、滚动条属性、背景图属性、字体、鼠标、超链接跳转页面

1.绝对定位position: fixed(比如广告页面向下滑动的时候,页面最上方有个标题不能随之滑动,就需要用到position: fixed,同时还需要用到一个标签(标签高度很高才会出现滚动的情况)) 随着滚动,最上面的块级不动,下面的文字可以随着滚动条而滚动 2.相对定位position:relative和被定位position:absolute,这两句如果不加的话,下面的对48*48的小方块无法挪到对应的角落相对定位中z-index:n 属性(没有写z-index的就是z-index

background属性怎么添加2个或多个背景图

最近遇到一个需求,下面充值金额按钮是一个背景图,点击之后显示的状态也是一个背景图,如下图按照惯用的套路,新增一个class,点击后的状态直接写在里面即可然而点击后,虽然状态背景成功显示出来,但按钮背景却消失了此时,我突然想起background可以添加2个或多个背景,于是修改代码后如下, 本以为大功告成,结果点击后的状态背景都无法显示出来,我开始方了! 思前想后,突然灵光一闪,难道是这2个背景图的顺序应该颠倒吗?(上面我是把按钮背景放前面,状态背景放后面) 然后抱着试一试的心

Position属性四个值：static、fixed、absolute和relative的区别和用法

Position属性四个值:static.fixed.absolute和relative的区别和用法在用CSS+DIV进行布局的时候,一直对position的四个属性值relative,absolute,static,fixed分的不是很清楚,以致经常会出现让人很郁闷的结果.今天研究了一下,总算有所了解.在此总结一下: 先看下各个属性值的定义: 1.static(静态定位):默认值.没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声

前端1-----CSS颜色属性,字体文本和背景属性,边框属性,margin和padding,盒模型,行内块转换,浮动,三大定位

前端1-----CSS颜色属性,字体文本和背景属性,边框属性,margin和padding,盒模型,行内块转换,浮动,三大定位一丶css选择器的优先级行内 > id选择器 > 类选择器 > 标签选择器 > 继承 1000 100 10 1 0 # 所有的值可以累加,但不能进位 (同级别的数值可以累加) # 优先级如果相同,写在后面的生效二丶css的颜色表示 /*RGB表示法*/ rgb: red green blue /* 光谱三原色 */ rgb(255,255,255)

Entity Framework 6 Recipes 2nd Edition（12-8）译 -> 重新获取一个属性的原始值

12-8. 重新获取一个属性的原始值问题在实体保存到数据库之前,你想重新获取属性的原始值解决方案假设你有一个模型 (见 Figure 12-11) 表示一个员工( Employee),包含工资(salary)属性. 你有一个业务规则,规定一个员工的工资增长不能超过10%.在一个实体保存到数据库之前,你想验证这条规则,拿新的工资与原来的工资比较,看是否超过10%. Figure 12-11. An Employee entity with the employee’s salary 为核实

Bean熟悉替换，只替换部分属性，其他属性值不改变

Bean熟悉替换,只替换部分属性,其他属性值不改变需要加入:asm.jar cglib-2.1.jar,用来map和bean之间的转换(比spring和反射的效率好,因为加入了缓存) package com.bean.test; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; import net.sf.cglib.beans.BeanMap;

.net 使用Json(),maxJsonLength属性设置的值问题

“使用JSON JavaScriptSerializer进行序列化或反序列化时出错.字符串的长度超过了为maxJsonLength属性设置的值” 今天业务找我说线上的国家地区都显示数字(地区ID),而不显示地区名字. 当时我觉得不太可能啊,虽然控件很老,已经替换了,还没到发布日期,但是线上的代码绝对没问题啊. 等我去看页面,才懵逼了,真的有问题,但是线上master的代码在本地附加到进程完全OK. 猜想: 1.线上JS文件有改动: 2.配置文件有改动然后开始查看Git记录发现今天并没有上传记录

【C#】妈妈再也不用担心自定义控件如何给特殊类型的属性添加默认值了，附自定义GroupBox一枚

------------------更新:201411190903------------------ 经过思考和实践,发现套路中的第1条是不必要的,就是完全可以不用定义一个名为Default+属性名的字段或属性,只要实现Reset和ShouldSerialize这俩方法就可以了.关于这俩方法,应该是有相关文档的,果然,在MSDN找到说法:http://msdn.microsoft.com/zh-cn/library/53b8022e(v=vs.80).aspx ----------------

C# 遍历类的属性并取出值

最近悟出来一个道理,在这儿分享给大家:学历代表你的过去,能力代表你的现在,学习代表你的将来. 十年河东十年河西,莫欺少年穷学无止境,精益求精今天有点胡思乱想,想遍历MVC Model的属性并取值: 这个方法还是很简单的,通过反射即可遍历属性,我总结的方法如下: namespace WeiXinApi.CommonCS { public class ForeachClass { /// <summary> /// C#反射遍历对象属性 /// </summary> ///

jquery获取(设置)节点的属性与属性值

1. attr(属性名) //获取属性的值(取得第一个匹配元素的属性值.通过这个方法可以方便地从第一个匹配元素中获取一个属性的值.如果元素没有相应属性,则返回 undefined ) 2. attr(属性名, 属性值) //设置属性的值 (为所有匹配的元素设置一个属性值.) 3. attr(属性名,函数值) //设置属性的函数值 (为所有匹配的元素设置一个计算的属性值.不提供值,而是提供一个函数,由这个函数计算的值作为属性值.) 4.attr(properties)

递归遍历XML节点属性和属性值

public static XmlDocument FileMergedIntoXML(string strXmlPathPublic) { string strXmlPathPublic = string.Format(@"{0}file1.xml", AppDomain.CurrentDomain.BaseDirectory); XmlDocument docPublic = new XmlDocument(); XmlReaderSettings settings = new X

背景图的属性及属性值

热门专题