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

最新推荐文章于 2021-08-18 17:20:55 发布

酱油哥爱学习

最新推荐文章于 2021-08-18 17:20:55 发布

阅读量670

点赞数

本文链接：https://blog.youkuaiyun.com/superscorpio/article/details/38371641

版权

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