预览模式: 普通 | 列表

CSS鼠标手势

属性名: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 )。 

Tags: css 鼠标手势 CSS鼠标手势 CSS鼠标手

分类:技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 3

绝对定位分辨率错位问题的解决方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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>

查看更多...

Tags: 绝对定位 相对定位 分辨率 错位

分类:技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 25

用table表格描边有两个象素的解决办法

常规下描边

HTML代码


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

查看更多...

分类:技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 26

ie6div高度无法小于10像素解决方法

用CSS 的定义一个DIV的高度时,在IE7 ,IE8浏览器下可以正常显示。但是在IE 6 中,height 在10px以下就无法定义了。这点跟表格有点类似。解决的方法如下:
方法一: 定义overflow属性。比如想定义一个高度为2px 的线条。
HTML代码


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


方法二: 将div 的字体大小属性fontsize 设置为跟高度相同。
HTML代码


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

查看更多...

分类:技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 15

去掉input之间的间距

input与input与input之间总是有一些微小的简隔
HTML代码


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]



其实不用换行 他们之间那个微小的间距就自动消失了
象这样
HTML代码


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

查看更多...

分类:技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 17

使IE6下PNG背景透明的七种方法任你选

引用内容 引用内容
PNG图像格式介绍:

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;
  }

查看更多...

分类:技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 15

css之自动换行(css英文不自动换行)

连续的中文和英文字符常常将容器撑大,CSS如何实现换行的方法
直接在样式中加入white-space:normal;
便可行
html
引用内容 引用内容
<div id="wrap">中文文字默认拥有的white-space:normal,当是英文时需自定义加入white-space:normal</div>


css
引用内容 引用内容
#wrap{white-space:normal; width:200px; }


当连续数字与英文时,文字就换行了这时要加word-break:break-all或者word-wrap:break-word
HTML代码


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


查看更多...

分类:学习 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 51