收集的一些樣式:滾動條和彈出層

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;
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章