html页面
Html代码
1. <div id="calm" class="pop-box-cal" style="border: solid 1px #6e8bde;">
2.
3. </div>
css
Css代码
1. @charset='utf-8';
2. #greybackground {
3. background: #5E5E5E;
4. display: block;
5. z-index: 100;
6. width: 100%;
7. position: absolute;
8. top: 0;
9. left: 0;
10. }
11.
12. .pop-box {
13. z-index: 9999; /*这个数值要足够大,才能够显示在最上层*/
14. margin-bottom: 3px;
15. display: none;
16. position: absolute;
17. background: #FFF;
18. border: solid 1px #6e8bde;
19. }
20.
21. .divShouTesth4 {
22. color: #FFF;
23. cursor: default;
24. height: 18px;
25. font-size: 14px;
26. font-weight: bold;
27. text-align: left;
28. padding-left: 8px;
29. padding-top: 4px;
30. padding-bottom: 2px;
31. background: #526DBE;
32. margin-top: 0px;
33. }
34.
35. .pop-box-body {
36. height: 170px;
37. clear: both;
38. margin: 4px;
39. padding: 2px;
40. overflow-x: auto;
41. overflow-y: auto;
42. /* 滚动条相关的颜属性 */
borderbox43. scrollBar-face-color: #e4e4e4; /* 滑块 */
44. scrollBar-3dLight-color: #e4e4e4; /* 3维光线 */
45. scrollBar-darkshadow-color: #e4e4e4; /* 暗影 */
46. scrollBar-shadow-color: #e4e4e4; /* 阴影 */ scrollBar-arrow-color :
47. bule; /* 箭头 */
48. scrollBar-base-color: #fff;
49. scrollBar-arrow-color: bule; /* 主要颜 */
50. }
51. .pop-box-cal {
52. height: 300px;
53. clear: both;
54. margin: 4px;
55. padding: 2px;
56. overflow-x:display;
57. overflow-y: auto;
58. /* 滚动条相关的颜属性 */
59. scrollBar-face-color: #e4e4e4; /* 滑块 */
60. scrollBar-3dLight-color: #e4e4e4; /* 3维光线 */
61. scrollBar-darkshadow-color: #e4e4e4; /* 暗影 */
62. scrollBar-shadow-color: #e4e4e4; /* 阴影 */ scrollBar-arrow-color :
63. bule; /* 箭头 */
64. scrollBar-base-color: #fff;
65. scrollBar-arrow-color: bule; /* 主要颜 */
66. }
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论