E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
background-size
css的页面布局-背景适应不同的屏幕
问题:1、背景随着布局的变化,做相应的缩放,这种情况下可以使用样式属性
background-size
来做处理。
陈一奇
·
2014-05-20 14:00
用
background-size
实现 背景图片自适应浏览器大小,但不变形
在CSS3中,有属性:
background-size
:cover;//只支持IE9+-webkit-background-size:cover;//webkit核心-moz-background-size
wuzuyu365
·
2014-04-29 15:07
html
用
background-size
实现 背景图片自适应浏览器大小,但不变形
在CSS3中,有属性:
background-size
:cover;//只支持IE9+ -webkit-background-size:cover;//webkit核心 -moz-background-size
wuzuyu365
·
2014-04-29 15:00
浏览器
图片
webkit
自适应
background-size
css3 背景属性新特性
background-size
设置背景图像大小 设置背景图片的大小,以长度值或百分比显示,还可以通过cover和contain来对图片进行伸缩。
小丑鱼0703
·
2014-04-11 11:00
css3
css3 背景属性新特性
background-size
设置背景图像大小设置背景图片的大小,以长度值或百分比显示,还可以通过cover和contain来对图片进行伸缩。
小丑鱼0703
·
2014-04-11 11:00
css3
在codecademy学习的第一个index.html
text-align:center; background:url("http://images.takungpao.com/2013/0506/20130506100134584.jpg");
background-size
xuyss
·
2014-02-07 16:00
html
Codecademy
再谈css的background
background-size
规定背景图片的尺寸。background-repeat 规定如何重复背景图像。background-origin 规定背景图片的定位区域。back
baoying1989920
·
2014-01-20 16:44
css
background
js写的评论分页(还不错)
/images/bj_4.jpg");background-repeat:no-repeat;background-attachment:scroll;
background-size
:100%100%;
·
2013-12-23 15:46
QZone V8改版之“背景自适应”
1background-size:100%100%可是….浏览器支持IE9+、Firefox4+、Opera、Chrome以及Safari5+支持
background-size
属性。
281599714
·
2013-12-01 14:12
chrome
absolute
position
QZone V8改版之“背景自适应”
1background-size:100%100%可是….浏览器支持IE9+、Firefox4+、Opera、Chrome以及Safari5+支持
background-size
属性。
boss_W
·
2013-12-01 14:12
Chrome
absolute
position
Javascript
CSS3之背景尺寸
Background-size
使用介绍
CSS3之背景尺寸
Background-size
是CSS3中新加的一个有关背景的属性,这个属性是改变背景尺寸的通过各种不同是属性值改变背景尺寸呈现的大小。
佚名
·
2013-10-14 15:28
IOS开发笔记:关于HTML
mediaonlyscreenand(-webkit-min-device-pixel-ratio:1.5),onlyscreenand(min-device-pixel-ratio:1.5){ //在样式中要加上
background-size
shinancao666
·
2013-10-12 13:00
html
viewport
background-size
js位置
css 实现背景图片拉伸
使用css3属性:background-sizebackground-size:cover 即可实现像桌面壁纸一样拉伸以下是w3c上面的解释:语法
background-size
:length|percentage
dxh_0829
·
2013-08-19 14:00
CSS background属性(背景属性)详解
可以设置如下属性:•background-color颜色•background-position位置•
background-size
大小•background-repeat如何重复背景图像•background-origin
佚名
·
2013-08-12 15:45
12个制作全屏背景的jQuery插件
前面在《完美的页面背景图片制作》一文中也介绍过使用CSS3的
background-size
来制作,那么CSS能制作的效果,为何还要使用jQuery插件来呢?
梵谷的皇心
·
2013-04-26 09:00
全屏背景 jQuery
CSS3
background-size
让背景图寸尺大小可控
background-size
是CSS3提供的一个新特性,它可以让你随心所欲的控制背景图的尺寸大小。先简要的看看
background-size
的用法。
浅夏
·
2013-04-14 01:00
CSS3 background-size Property
ExampleSpecifythesizeofabackgroundimage:div{background:url(img_flwr.gif);
background-size
:80px60px;background-repeat
andybegin
·
2013-03-28 21:00
CSS3
Background-size
CSS3Background-size Background大家一定不会陌生,但是CSS3开始,给这个Background属性增加了几个新的属性值:
Background-size
,Background-clip
edison87915
·
2013-03-14 01:00
background
css 背景图片平铺
progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";-moz-background-size:100% 100%;
background-size
一路前行
·
2013-01-28 15:00
关于pc版chrome在retina屏幕下的背景图片bug
前两天上线的一个项目,碰到了一个新鲜出炉的bug:在retina屏幕下的chrome浏览器对
background-size
解析有bug。
lihongxun945
·
2013-01-05 15:00
纯CSS3实现地球自转实现代码(图文教程附送源码)
地球背景全屏,地球大小为450px*450px,地球位置为上下左右居中):复制代码代码如下:PlanetEarthbody{background:url(espaco.jpg)no-repeat00;
background-size
佚名
·
2012-12-26 16:47
css3 background自定义select样式(仅适用于chrome)
首先我们先来了解下css3中background的一些新特性: 控制背景图片的尺寸
background-size
: 固定的值或百分比/cover/contain 固定的值或百分比:有两个值
小青缨
·
2012-12-21 14:00
background
CSS3系列教程:背景图片(背景大小和多背景图) 应用说明
CSS3的背景图片大小可以写成
background-size
:ApxBpx;-Apx=x轴(图片宽度)-Bpx=y轴(图片高度)了解了这些,我们开始体验这个特性吧:最好支持CSS3背景大小的浏览器是Safari
佚名
·
2012-12-19 15:32
CSS3控制背景图片大小
background-size
是CSS3提供的一个新特性,它可以让你随心所欲的控制背景图的尺寸大小。先简要的看看
background-size
的用法。
虎皮大王
·
2012-11-29 11:00
背景图片百分之百大小css设置方法
body{background-image:url({IMGDIR}/b11.gif);background-repeat:no-repeat;background-position:center;
background-size
随智阔
·
2012-11-25 10:00
css3 背景图片(背景大小和多背景图)
CSS3的背景图片大小可以写成
background-size
:ApxBpx;-Apx=x轴(图片宽度)-Bpx=y轴(图片高度)了解了这些,我们开始体验这个特性吧:最好支持CSS3背景大小的浏览器是Safari
沉恋
·
2012-11-03 23:00
CSS背景图拉伸自适应尺寸,全浏览器兼容
:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; -moz-background-size:100%100%;
background-size
山哥
·
2012-11-02 23:00
[css] !important 控制样式优先级
先看看问题吧:查看样式:当选中状态,
background-size
的属性被覆盖掉了,查看样式属性并没有发现有什么地方重定义。当直接添加
background-size
后,生效。
spring21st
·
2012-08-08 14:00
css
浏览器
chrome
测试
AppCan用到的CSS3小记
我们用到的是CSS 3中
Background-size
属性。
ldl8818
·
2012-07-10 13:00
css3
CSS3
background-size
属性
我们一起来学习
background-size
的属性,别的先不说了,我们也先从其语法开始入手:
background-size
:auto||||||cover||contain 取值说明:1、auto:此值为默认值
FuDesign2008
·
2012-07-04 16:00
【CSS3教程】CSS3基础&常用技巧&实例集合
二、原理简述主要是应用了两个CSS3的属性,一个是linear-gradient,即线性渐变,另外一个就是
background-size
,用来确定渐变的尺寸。
呢喃的猫咪
·
2012-06-07 22:00
用纯CSS3打造立体提示模块的效果实现(图) 附源码
最近一些日子都在看JS方面的书,写小游戏,好久没写CSS了,昨天看了一个纯CSS3进度条的例子,感觉很有创意,尤其是用
background-size
来repeat渐变斜线这招,妙不可言。
佚名
·
2012-06-04 10:58
HTML页面制作时的一些问题
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/xdbg.jpg',sizingMethod='scale');
background-size
dududu01
·
2012-05-09 13:00
CSS学习摘记
1、background属性:{ background:whiteurl(app/arrow_collapse.png)no-repeat93%50%;
background-size
:18px12px
lijiacumt
·
2012-04-12 10:00
c
css
url
Class
div
border
使用CSS拉伸背景图(不是重复绘制背景图)
使用CSS属性“
background-size
"(不适用于IE)
background-size
:100%100%;其它方法参考如下链接:[兼容各浏览器]怎么用CSS拉伸背景解析
hellostory
·
2012-03-06 16:00
css
浏览器
IE
flex4中使用backgroundImage
1、方式一可以用BorderContainer把内容包涵进去在CSS里面定义.mainbg{
background-size
:"100%";background-image:Embed("图片路径");}
javazhichizhe
·
2011-04-20 17:10
CSS
Flash
Adobe
BBS
XML
Web前端
上一页
24
25
26
27
28
29
30
31
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他