收集的一些样式:滚动条和弹出层

css滚动条
div.scrollbar{
	BORDER-RIGHT: 1px solid; 
	BORDER-TOP: 1px solid;
	SCROLLBAR-FACE-COLOR: #ffa500; 
	OVERFLOW: scroll; 
	BORDER-LEFT: 1px solid;
	SCROLLBAR-SHADOW-COLOR: #000000; 
	COLOR: #CCCCCC;; 
	SCROLLBAR-ARROW-COLOR: #ff0000; 
	BORDER-BOTTOM: 1px solid; 
	SCROLLBAR-DARKSHADOW-COLOR: #000000; 
}


css弹出层

使用弹出层代替dialog会有很多优点,
1、弹出层的子树仍然是当前DOM结构的一部分,它在DOM树中位置没有改变。而dialog插件通常会改变当前DOM树的结构,从而导致DOM选择出现问题。
2、dialog定制起来不如弹出层,比如改变样式、增加其他元素等。


div.divDialog{
	display:none;
	position:fixed;
	border:solid 1px gray;		
	background-color:white;
	top:40%;
	left:50%;
	margin-left:-150px;
	margin-top:-150px;
	padding:10px;
	line-height:21px;
	border-radius:8px;
	-moz-border-radius:8px;
	box-shadow:0 5px 15px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.3);
	-moz-box-shadow:0 5px 15px rgba(0,0,0,0.3);
	_position:absolute;
	_display:block;
	_left:-10000px;
	z-index:10000;
}

你可能感兴趣的:(css,css 滚动条,css 弹出层,css对话框)