写css弹框样式
```css
.popup {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color:#000; /* 遮罩层背景色 */
opacity: 0.3; /* 遮罩层透明度 */
display:-webkit-flex; /* Safari */
display:-ms-flexbox; /* IE 10 */
.popup_content { /* 弹框内容样式*/
position:fixed ; /* 弹框定位*/
width : 500px ; /* 弹框宽度*/
height : 200px ; /* 弹框高度*/
top : 50% ; /* 距离顶部的距离,50%表示垂直方向居中对齐*/
left : 50% ; /* 距离左侧的距离,50%表示水平方向居中对齐*/
margin-top : -100px ;/* margin-top是负数,其值为弹出框的一半高度(也就是上下各有100px的margin);这样就可以使得弹出框处于整个页面的正中央。*/
margin-left : -250px ;/* margin-left是负数,其值为弹出框的一半宽度(也就是左右各有250px的margin) ;这样就可以使得弹出框处于整个页面的正中央。*/
background:#ffffff; /* 对话框背影 */
border-radius: 5px; //圆角大小 } } } //其他样式省略...
} //其他样式省略...
}
}
创作工场
免责声明:
以上内容除特别注明外均来源于网友提问,创作工场回答,未经许可,严谨转载。
点击这里>>使用🔥专业版,更聪明、更完整、更原创!