CSS鼠标手势
作者:itjiao 日期:2012-04-13
属性名:cursor:
属性值(手势状态):
auto : 默认值。浏览器根据当前情况自动确定鼠标光标类型。
all-scroll : IE6.0 有上下左右四个箭头,中间有一个圆点的光标。用于标示页面可以向上下左右任何方向滚动。
col-resize : IE6.0 有左右两个箭头,中间由竖线分隔开的光标。用于标示项目或标题栏可以被水平改变尺寸。
crosshair : 简单的十字线光标。
default : 客户端平台的默认光标。通常是一个箭头。
hand : 竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样。
move : 十字箭头光标。用于标示对象可被移动。
help : 带有问号标记的箭头。用于标示有帮助信息存在。
no-drop : IE6.0 带有一个被斜线贯穿的圆圈的手形光标。用于标示被拖起的对象不允许在光标的当前位置被放下。
not-allowed : IE6.0 禁止标记(一个被斜线贯穿的圆圈)光标。用于标示请求的操作不允许被执行。
pointer : IE6.0 和 hand 一样。竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样。
progress : IE6.0 带有沙漏标记的箭头光标。用于标示一个进程正在后台运行。
row-resize : IE6.0 有上下两个箭头,中间由横线分隔开的光标。用于标示项目或标题栏可以被垂直改变尺寸。
text : 用于标示可编辑的水平文本的光标。通常是大写字母 I 的形状。
vertical-text : IE6.0 用于标示可编辑的垂直文本的光标。通常是大写字母 I 旋转90度的形状。
wait : 用于标示程序忙用户需要等待的光标。通常是沙漏或手表的形状。
*-resize : 用于标示对象可被改变尺寸方向的箭头光标。w-resize | s-resize | n-resize | e-resize | ne-resize | sw-resize | se-resize | nw-resize
url ( url ) : IE6.0 用户自定义光标。使用绝对或相对 url 地址指定光标文件(后缀为 .cur 或者 .ani )。
绝对定位分辨率错位问题的解决方法
作者:itjiao 日期:2012-03-12
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>绝对定位,相对定位</title>
<style>
body {margin:0;padding:0;border:0;background:#efeee8;}
.top {width:1030px;height:630px;margin:0 auto; position:relative; left:0; top:0;}/*相对定位*/
.div1 {width:184px;height:73px;position: absolute;left:824px;top:547px; background:#CC0000}/*绝对定位*/
.menu {width:1030px;margin:0 auto;text-align:center;background: #000000;position:relative;left:0;top:0px;height:41px;}
.div2 {background: #660000; width:1030px; height:579px;}
</style>
</head>
<body>
<div class="top">
<div class="div2"></div>
<div class="menu"></div>
<div class="div1"></div>
</div>
</body>
用table表格描边有两个象素的解决办法
作者:itjiao 日期:2012-03-01
ie6div高度无法小于10像素解决方法
作者:itjiao 日期:2012-02-27
去掉input之间的间距
作者:itjiao 日期:2012-02-25
使IE6下PNG背景透明的七种方法任你选
作者:itjiao 日期:2012-02-24
引用内容PNG是20世纪90年代中期开始开发的图像文件存储格式,其目的是企图替代GIF和TIFF文件格式,同时增加一些GIF文件格式所不具备的特性。流式 网络图形格式(Portable Network Graphic Format,PNG)名称来源于非官方的“PNG’s Not GIF”,是一种位图文件(bitmap file)存储格式,读成“ping”。PNG用来存储灰度图像时,灰度图像的深度可多到16位,存储彩色图像时,彩色图像的深度可多到48位,并且还可 存储多到16位的α通道数据。
IE6下PNG背景透明的显示问题
PNG格式比起GIF来表现色彩更丰富,特别是表现渐变以及背景透明的渐变要比GIF格式出色很多,目前,最新的浏览器基本上都支持PNG格式。但是IE6不支持PNG背景透明,会显示一个灰色的框。
IE6下PNG背景透明的解决办法
.pngImg { background:url(image.png); _background:url(image.gif);}
一.Microsoft 的专有滤镜
有时候我们会用半透明png格式的图片做为背景图,来达到一定的设计和视觉效果,但在IE6下是不支持透明png图片的。
可以用到Microsoft 的专有滤镜如下:
.class{
filter: progid:DXImageTransformMicrosoft.AlphaImageLoader(enabled=true, src="images/bg.png");
background:none;
}
css之自动换行(css英文不自动换行)
作者:itjiao 日期:2011-04-17
直接在样式中加入white-space:normal;
便可行
html
引用内容css
引用内容当连续数字与英文时,文字就换行了这时要加word-break:break-all或者word-wrap:break-word
HTML代码[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


