css转换html,左右切换css,html

【摘要】

左右切换css,html考必过小编为大家整理了关于左右切换css,html的信息,希望可以帮助到大家!

左右切换css,html

cb46e96823da1a51a2126ff44957fd6b.png

标签:query   red   flow   title   ack   class   one   ora   meta

.shade {

position: absolute;

display: none;

width: 100%;

height: 100%;

top: 0;

left: 0;

background: rgba(0, 0, 0, 0.55);

}

.shade p {

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 {

position: fixed;

padding: 25px 15px;

height: 20px;

line-height: 20px;

font-size: 50px;

position: relative;

cursor: pointer;

color: #888;

background: #fafafa;

border: 1px solid #ddd;

border-radius: 4px;

overflow: hidden;

display: inline-block;

*display: inline;

*zoom: 1

}

.a-upload input {

position: absolute;

font-size: 100px;

right: 0;

top: 0;

opacity: 0;

filter: alpha(opacity=0);

cursor: pointer

}

.a-upload:hover {

color: #444;

background: #eee;

border-color: #ccc;

text-decoration: none

}

.img_p{min-height: 100px; min-width: 100px;}

.isImg{width: 200px; height: 200px; position: relative; float: left; margin-left: 10px;}

.removeBtn{position: absolute; top: 0; right: 0; z-index: 11; border: 0px; border-radius: 50px; background: red; width: 22px; height: 22px; color: white;}

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

+

左右切换css,html

标签:query   red   flow   title   ack   class   one   ora   meta

以上就是左右切换css,html的内容,更多资讯请及时关注考必过网站,最新消息小编会第一时间发布,大家考试加油!