12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667 |
- .shade{
- position: absolute;
- display: none;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- background: rgba(0, 0, 0, 0.55);
- }
-
- .shade div {
- width: 300px;
- height: 200px;
- line-height: 200px;
- position: absolute;
- top: 50%;
- left: 50%;
- margin-top: -100px;
- margin-left: -150px;
- background: white;
- border-radius: 5px;
- text-align: center;
- }
-
- .a-upload {
- height: 69px;
- width: 69px;
- background: url(../images/uploadimg.png) no-repeat center center/69px 69px;
- border-radius: 6px;
- overflow: hidden;
- display: inline-block;
- position: relative;
- display: inline-block;
- *display: inline;
- *zoom: 1;
- margin-left: 10px;
- margin-top: 10px;
- }
-
- .a-upload input {
- position: absolute;
- font-size: 100px;
- right: 0;
- top: 0;
- opacity: 0;
- filter: alpha(opacity=0);
- cursor: pointer
- }
-
- .isImg{width: 69px; height: 69px; position: relative; margin-left: 10px;display: inline-block;margin-top: 10px;}
- .isImg img{border-radius: 4px;}
- .removeBtn{position: absolute; top: -8px; right: -8px; z-index: 1; border: 0px; border-radius: 50px;
- height: 17px;
- width: 17px;
- background: url(../images/closebtnred.png) no-repeat center center/17px 17px;
- }
-
- .shadeImg{position: absolute;
- display: none;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- z-index: 15;
- text-align: center;
- background: rgba(0, 0, 0, 0.55);}
- .showImg{width: 400px; height: 500px; margin-top: 140px;}
|