天天學一點（2）——cursor、zoom屬性

時間 2019-12-13

標籤天天一點 1點 cursor zoom 屬性简体版

原文原文鏈接

1. cursor 屬性規定要顯示的光標的類型（形狀）。html

例：瀏覽器

<html>ssh

<body>
請把鼠標移動到單詞上，能夠看到鼠標指針發生變化：

Auto \\默認。瀏覽器設置的光標。

Crosshair \\光標呈現爲十字線。

Default \\默認光標（一般是一個箭頭）

Pointer \\光標呈現爲指示連接的指針（一隻手）

Move \\此光標指示某對象可被移動

e-resize \\此光標指示矩形框的邊緣可被向右（東）移動。

ne-resize \\此光標指示矩形框的邊緣可被向上及向右移動（北/東）。

nw-resize \\此光標指示矩形框的邊緣可被向上及向左移動（北/西）。

n-resize \\此光標指示矩形框的邊緣可被向上（北）移動。

se-resize \\此光標指示矩形框的邊緣可被向下及向右移動（南/東）。

sw-resize \\此光標指示矩形框的邊緣可被向下及向左移動（南/西）。

s-resize \\此光標指示矩形框的邊緣可被向下移動（北/西）。

w-resize \\此光標指示矩形框的邊緣可被向左移動（西）。

text \\此光標指示文本。

wait \\此光標指示程序正忙（一般是一隻表或沙漏）。

help\\此光標指示可用的幫助（一般是一個問號或一個氣球）。
</body>url

</html>spa

2. zoom屬性指針

zoom:1的做用orm

兼容IE六、IE七、IE8瀏覽器，常常會遇到一些問題，能夠使用zoom:1來解決，有以下做用：

觸發IE瀏覽器的haslayout
解決ie下的浮動，margin重疊等一些問題。

好比，本站使用DIV作一行兩列顯示，HTML代碼：

<div class="h_mainbox">
<h2>推薦文章</h2>
<ul class="mainlist">
<li><a href="#" style="color:#0000FF" target="_blank">CSS庫吧</a></li>
<li><a href="#" style="color:#0000FF" target="_blank">原創< /a></li>
</ul>
</div>

CSS代碼：

.h_mainbox { border:1px solid #dadada; padding:4px 15px; background:url(../mainbox_bg.gif) 0 1px repeat-x; margin-bottom:6px; overflow:hidden}
.h_mainbox h2 { font-size:12px; height:30px; line-height:30px; border-bottom:1px solid #ccc; color:#555;}
.h_mainbox h2 span { float:right; font-weight:normal;}
.h_mainbox ul { padding:6px 0px; background:#fff;}
.mainlist { overflow:auto; zoom:1;}
.h_mainbox li { width:268px; float:left; height:24px; overflow:hidden; background:url(../icon3.gif) 0 6px no-repeat; padding:0px 5px 0px 18px; line-height:200%;}

加紅色的那裏就能夠在IE六、IE七、IE8正常顯示效果了。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。