Imagelist.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. 
  2. * { margin: 0px; padding: 0px; font-family: Microsoft YaHei; }
  3. #banner ul li{
  4. position:relative;
  5. left:0%;
  6. float:left;
  7. overflow: hidden;
  8. background-size: 100% 100%;
  9. }
  10. #banner
  11. {
  12. width:1000px;height:440px;overflow:hidden;
  13. }
  14. #box
  15. {
  16. width:300%;position:relative;left:0%;
  17. }
  18. #img0
  19. {
  20. background-image: url(/../controls/pc/Imagelist/images/banner1.png);height:440px;width:33.3%;opacity:1;
  21. }
  22. #img1
  23. {
  24. background-image: url(/../controls/pc/Imagelist/images/banner2.jpg);height:440px;width:33.3%;opacity:1;
  25. }
  26. #img2
  27. {
  28. background-image: url(/../controls/pc/Imagelist/images/banner3.jpg);height:440px;width:33.3%;opacity:1;
  29. }
  30. #leftbox
  31. {
  32. width:100%;height:100%;
  33. }
  34. #file1
  35. {
  36. width: 39%;
  37. height: 14%;
  38. position: absolute;
  39. margin: auto;
  40. top: 44%;
  41. opacity: 0;
  42. cursor: pointer;
  43. left: 28%;
  44. }
  45. #file2
  46. {
  47. width: 39%;
  48. height: 14%;
  49. position: absolute;
  50. margin: auto;
  51. top: 44%;
  52. opacity: 0;
  53. cursor: pointer;
  54. left: 28%;
  55. }
  56. #file3
  57. {width: 39%;
  58. height: 14%;
  59. position: absolute;
  60. margin: auto;
  61. top: 44%;
  62. opacity: 0;
  63. cursor: pointer;
  64. left: 28%;
  65. }
  66. #page {
  67. position: relative;
  68. overflow: hidden;
  69. /* top: 67%; */
  70. bottom: 9%;
  71. left: 46%;
  72. z-index: 9;
  73. }
  74. #page li {
  75. list-style: none;
  76. float: left;
  77. width: 50px;
  78. border-radius: 10px;
  79. width: 15px;
  80. margin-left: 27px;
  81. height: 15px;
  82. background-color: white;
  83. cursor: pointer;
  84. }
  85. #right{
  86. width:15%;
  87. height: 20%;
  88. background-color:red;
  89. position: relative;
  90. z-index: 100;
  91. top: 17%;
  92. left: 91%;
  93. background: url(/../controls/pc/Imagelist/images/right.png);
  94. background-repeat: no-repeat;
  95. cursor: pointer;
  96. }
  97. #left{
  98. width:15%;
  99. height: 20%;
  100. background-color:red;
  101. position:relative;
  102. z-index: 99;
  103. left:2%;
  104. background:url(/../controls/pc/Imagelist/images/left.png);
  105. background-repeat: no-repeat;
  106. top:37%;
  107. cursor: pointer;
  108. }