本月博客排行
-
第1名
Xeden -
第2名
fantaxy025025 -
第3名
bosschen - paulwong
- johnsmith9th
年度博客排行
-
第1名
青否云后端云 -
第2名
宏天软件 -
第3名
gashero - gengyun12
- wy_19921005
- vipbooks
- e_e
- benladeng5225
- wallimn
- ranbuijj
- javashop
- jickcai
- fantaxy025025
- zw7534313
- qepwqnp
- robotmen
- 解宜然
- ssydxa219
- sam123456gz
- zysnba
- sichunli_030
- tanling8334
- arpenker
- gaojingsong
- xpenxpen
- kaizi1992
- wiseboyloves
- jh108020
- xyuma
- ganxueyun
- wangchen.ily
- xiangjie88
- Jameslyy
- luxurioust
- mengjichen
- lemonhandsome
- jbosscn
- nychen2000
- zxq_2017
- lzyfn123
- wjianwei666
- forestqqqq
- ajinn
- siemens800
- hanbaohong
- 狂盗一枝梅
- java-007
- zhanjia
- 喧嚣求静
- Xeden
最新文章列表
background-position的一个小算法
我们都知道设置background-position的值如果为百分比,那么浏览器会通过一个简单的算法来计算出图片左顶点离容器左顶点的位置(也就是图片的偏移量)
比如:background-position: 50% 50%,浏览器计算x y偏移量算法分别为:
x: (容器宽度 - 图片宽度) * 50%;
y: (容器高度 - 图片高度) * 50%;
但是我需要的一个需求是:设置了backgro ...
div+css的基础简介及应用(二)——CSS的常用属性
1.CSS常用属性
应用示例如下:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>css常用属性-背景 ...
使用background-position
css里有个background-position 属性,用来设定背景图沿x ,y 方向的偏移量
可以设置像素值,百分比,或者固定的值,如top,bottom,center, left,right
下面例子中 ...
css background-position 图片位置
css 属性:
background-position: x y;
x、y值可以是left right top bottom center,可以是相对值%,可以是数字。
下面测试代码
<!DOCTYPE HTML>
<html>
<head>
<title>bg_image.html</tit ...
使用jQuery background-position插件来创建超酷的导航条效果
日期:2012-9-6 来源:GBin1.com
在线演示
本地下载
在过去的web开发和设计中,大家往往使用flash来创建炫酷的菜单效果,随着js
和web技术的发展,现在大家可以使用简单的javascript代码生成同样漂亮的菜单效果,在今天的这个简单教程中,我们将带领大家使用jQuery
的background-position插件来开发漂亮的导航条效果 ...