upload.css 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. .shade{
  2. position: absolute;
  3. display: none;
  4. width: 100%;
  5. height: 100%;
  6. top: 0;
  7. left: 0;
  8. background: rgba(0, 0, 0, 0.55);
  9. }
  10. .shade div {
  11. width: 300px;
  12. height: 200px;
  13. line-height: 200px;
  14. position: absolute;
  15. top: 50%;
  16. left: 50%;
  17. margin-top: -100px;
  18. margin-left: -150px;
  19. background: white;
  20. border-radius: 5px;
  21. text-align: center;
  22. }
  23. .a-upload {
  24. height: 69px;
  25. width: 69px;
  26. background: url(../images/uploadimg.png) no-repeat center center/69px 69px;
  27. border-radius: 6px;
  28. overflow: hidden;
  29. display: inline-block;
  30. position: relative;
  31. display: inline-block;
  32. *display: inline;
  33. *zoom: 1;
  34. margin-left: 10px;
  35. margin-top: 10px;
  36. }
  37. .a-upload input {
  38. position: absolute;
  39. font-size: 100px;
  40. right: 0;
  41. top: 0;
  42. opacity: 0;
  43. filter: alpha(opacity=0);
  44. cursor: pointer
  45. }
  46. .isImg{width: 69px; height: 69px; position: relative; margin-left: 10px;display: inline-block;margin-top: 10px;}
  47. .isImg img{border-radius: 4px;}
  48. .removeBtn{position: absolute; top: -8px; right: -8px; z-index: 1; border: 0px; border-radius: 50px;
  49. height: 17px;
  50. width: 17px;
  51. background: url(../images/closebtnred.png) no-repeat center center/17px 17px;
  52. }
  53. .shadeImg{position: absolute;
  54. display: none;
  55. width: 100%;
  56. height: 100%;
  57. top: 0;
  58. left: 0;
  59. z-index: 15;
  60. text-align: center;
  61. background: rgba(0, 0, 0, 0.55);}
  62. .showImg{width: 400px; height: 500px; margin-top: 140px;}