background:url(images/mainBG.gif) no-repeat fixed 120px 120px;属性可以解决。。。fixed 使得背景固定，热后下拉的话就始终是这个背景。原文：http://www.cnblogs.com/ninestart/p/4760777.html
目录：1、CSS注释的书写 怎么写？好处？2、CSS引入方式 各种的优缺点3、选择器的写法与选择器的优先级4、CSS命名规范5、背景，行高6、文本(text与font开头)等所有属性① CSS注释书写规范：1、单行注释： 直接写在属性值的后面，如：① .search{ border:1pxsolid#fff;/*定义搜索输入框边框*/ background:url(../images/icon.gif)no-report#333;/*定义搜索框的背景*/ } ② .wrap { /*height: 100px;*/ } 2、...
一、CSS3实现兼容性渐变背景效果，兼容FF、chrome、IE渐变效果，现在主流的浏览器FF、Chrome、Opera、IE8+都可以通过带有私有前缀的CSS3属性来轻松滴实现渐变效果，IE7及以下也可以通过滤镜来实现渐变效果（滤镜来实现会消耗大量资源）？为什么滤镜实现渐变效果会消耗大量资源 呵呵，菜鸟，什么都不懂，就只会百度了。见笑了。原因是：由于IE内部在解析滤镜，也是通过大量的CPU计算，从而达到滤镜效果，最后再渲染。二、各浏览...
CSS背景：属性描述background简写属性，作用是将背景属性设置在一个声明中。background-attachment背景图像是否固定或者随着页面的其余部分滚动。background-color设置元素的背景颜色。background-image把图像设置为背景。background-position设置背景图像的起始位置。background-repeat设置背景图像是否及如何重复。 1.背景色：background-color属性，设置元素的背景颜色；<1>元素背景的范围:background-color 属性为元素...
css3背景1、background-image属性不同的背景图像和图像用逗号隔开，所有的图片中显示在最顶端的为第一张。#example1{background-image:url(img_flwr.gif),url(paper.gif);background-position:rightbottom,lefttop;background-repeat:no-repeat,repeat; } 2、background-size属性background-size指定背景图像的大小。指定的大小是相对于父元素的宽度和高度的百分比的大小。div{background:url(img_flwr.gif);background-size:100%1...
css3可以改变图片的颜色了。从此再也不用设计出多张图，而且随时可以修改。下面就简单介绍下css3中是如何做到改变背景图片的颜色效果的。 方式一：利用css3滤镜filter中的 drop-shadow代码如下：<style> .icon{display: inline-block;width: 180px;height: 180px;background: url(‘img/XXX.png‘) no-repeat center cover;overflow: hidden; } .icon:after{content: ‘‘;display: block;height: 100%;transform: translateX(-10...
CSS（层叠样式表）定义如何显示HTML元素1、CSS的三中引入方式：行内样式（内联），内部样式表，外部样式表。2、语法：CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。每条声明由一个属性和一个值组成。3、选择器3.1 元素选择器 div{}3.3 类选择器 .cl{}3.4 ID选择器 #id{}3.5 属性选择器 [type=‘text’]{}优先级问题：内联》 ID选择器 》类选择器 》元素选择器4、尺寸（行内元素的宽和高不生效）width: max-width...
CSS背景在网页设计中使用频率非常高，然而对于这个开发人员很熟悉的CSS属性，却隐藏着许多不为初级开发人员熟知的细节，这篇文章尝试扒开这层不为人知的面纱。 首先列举一下CSS中关于元素背景的所有属性并简要描述了其作用，其中后面几个属性是在CSS3中新加入的。属性描述备注background简写属性，作用是将背景属性设置在一个声明中。 background-color设置元素背景颜色 background-image把图像设置为背景 background-repeat设置背...
做的时候想要边框为比较好看的样式，需要UI切图并且放在div中，看起来会好看点 像这样的，我随便挑选了一个，UI帮我切图出来 需要把这个图片填到相应的div里面，但是很显然碰到一个问题，图片太大，而且放进去以后还不是响应式的那么解决问题的就来了：background:url(1.jpg);-webkit-background-size: 100px 60px; 这样还不是响应式应该怎么办呢 IMG加载的图片width设置为100%，高度会按照width的值自动等比率缩放背景图片...
在CSS内选择要修改的inputinput[type=checkbox]:disabled{ //input类型等于复选框并且是disabled状态的所有（根据情况自由指定） -webkit-appearance: none; // height: 13px; //要显示的背景图的宽 vertical-align: middle; width: 13px; //要显示背景图的高 background: url("/Public/AccountantOperate/img/onlinebanking/fuxuankuang.png"); ...
@import url(http://fonts.useso.com/css?family=Source+Sans+Pro:200,300); * {box-sizing: border-box;margin: 0;padding: 0;font-weight: 300; } body {font-family: ‘Source Sans Pro‘, sans-serif;color: white;font-weight: 300; } body ::-webkit-input-placeholder {/* WebKit browsers */font-family: ‘Source Sans Pro‘, sans-serif;color: white;font-weight: 300; } body :-moz-placeholder {/* Mozilla Firefox 4...
css基础系列教程:背景属性作者：www.divcss.com我们把上一节的作业的答案给大家公布一下：1、 h1 .p1{}：表示h1标签下的所有class为p1的选择符；2、 #content h1{}表示id为content下的所有h1标签；3、 h1 .p1，#content h1并列关系，对class为p1的和ID为#content下的H1作用同一个效果；4、 h1#content h2{} 表示h1下id为content标签下的h2标签，请注意这个地方不是包含没有空格而是紧接着写的。必须是属于H1里面ID为#content下...
定义：规定背景图像的尺寸background-size的类型background-size需要两个值，它的类型可以是像素（px）、百分比（%）或是auto，还可以是cover和contain。第一个值为背景图的width，另外一个值用于指定背景图上的height，如果只设定1个值，则第2个默认为auto，但当值为cover和contain时除外。浏览器支持：IE9+、Firefox 4+、Opera、Chrome 以及 Safari 5+JavaScript语法：object.style.backgroundSize="60px 80px"语法：background-...
目录[1]背景颜色[2]背景图像[3]背景平铺[4]背景定位[5]背景关联[6]背景原点[7]背景裁切[8]背景尺寸[9]复合背景前面的话 背景和字体一样，是一个复合属性，而且它是一个使用频率很高的属性。在CSS3中，背景属性在保持以前用法的同时，增加了新的相关属性。本文将详细介绍关于背景的知识 background-color背景颜色 背景色接受所有合法的颜色，还可以接受一个使背景透明的关键字。关于颜色的设置请移步至此。背景颜色不能继承。...
CSS3渐变色生成网站：http://gradients.glrzad.com/ 本文参考：前端设计之用CSS3做线性渐变效果http://webskys.com/css3/10.html 在CSS3出来以前，想要显示一个渐变的效果，必须要专门制作一个图片。CSS3的出现，使得渐变色得以简单的实现。由于不是所有的浏览器都支持CSS3，所以不是所有的浏览器都能够显现出渐变的效果来。目前，Mozilla内核的(Firefox)和webkit内核的(Safari/Chrome)浏览器支持这一属性。不过，两者对于渐变的语...