CSS style position, opacity, cursor

1.position position
1) relative relative to its original position set TRBL (top right bottom left
Pros: Does not affect the location of surrounding elements
2) Absolute if a father or father above the object is set position to absolute or relative,
The position at this point is the beginning of the padding relative to the parent element
3) fixedfixed is a special absolute that is always positioned by the browser and is not affected by the parent element.
4) Static default value
Refer to Http://www.cnblogs.com/Zigzag/archive/2009/02/19/position.html

The

2.opacity transparency value range is 0~1 and cannot be negative
. transparent_class {
/* Required for IE 5, 6, 7 */
/*/Something to Trig Ger Haslayout, like zoom:1; */
width:300px;
height:300px;
line-height:300px;
Text-align:center;
Background: #000;
Color: #fff;
/* Older safari/chrome browsers */
-webkit-opacity:0.5;
/* Netscape and older than Firefox 0.9 */
-moz-o pacity:0.5;
/* Safari 1.x (pre webkit!) old khtml kernel Safari */
-khtml-opacity:0.5;
/* IE9 + etc ... Modern browsers */
Opacity:. 5;
/* IE 4-9 */
Filter:alpha (opacity=50);
/*this works in IE 8 & 9 too*/< br>-ms-filter: "Progid:DXImageTransform.Microsoft.Alpha (opacity=50)";
/*ie4-ie9*/
Filter:progid:DXImageTransform.Microsoft.Alpha (opacity=50);
}

3.cursor cursor Pattern
Value:
Auto: Default value. The browser automatically determines the mouse cursor type based on the current situation.
all-scroll:ie6.0 has four arrows up and down, with a dot cursor in the middle. Used to indicate that the page can scroll up or down in any direction.
The col-resize:ie6.0 has a left and right two arrows, and the middle is separated by a vertical bar. Used to mark items or the title bar can be horizontally changed size.
Crosshair: Simple cross-line cursor.
Default: Defaults cursor for the client platform. is usually an arrow.
Hand: A hand-shaped cursor with one finger pricked up. Just as the user usually moves the cursor over the hyperlink.
Move: Cross arrow cursor. Used to indicate that an object can be moved.
Help: An arrow with a question mark. Used to indicate that a help message exists.
no-drop:ie6.0 a hand cursor with a circle that is cut through the slash. Used to indicate that the dragged object is not allowed to be dropped at the cursor's current position.
not-allowed:ie6.0 the cursor is forbidden to mark (a circle that is a slash through). The action used to mark the request is not allowed to be executed.
pointer:ie6.0 is the same as hand. A hand-shaped cursor with one finger pricked up. Just as the user usually moves the cursor over the hyperlink.
progress:ie6.0 an arrow cursor with an hourglass mark. Used to indicate that a process is running in the background.
The row-resize:ie6.0 has up to two arrows, and the middle is separated by a horizontal line of the cursor. Used to indicate that the item or title bar can be vertically changed in size.
Text: The cursor that is used to indicate editable horizontal text. It is usually the shape of the uppercase letter I.
vertical-text:ie6.0 the cursor that is used to indicate editable vertical text. Usually the capital letter I rotates 90 degrees in shape.
Wait: The cursor used to indicate that the program is busy and the user needs to wait. It is usually the shape of an hourglass or a watch.
*-resize: An arrow cursor used to indicate that the object can be changed in dimension direction. W-resize | S-resize | N-resize | E-resize | Ne-resize | Sw-resize | Se-resize | Nw-resize
URL (URL): IE6.0
User-definable cursor. Specify the cursor file with an absolute or relative URL address (suffix. cur or. ani).

CSS style position, opacity, cursor