Html 如何在css文件的顶部而不是底部关闭位置X
我使用的是一个css文件的lightbox它显示关闭X交叉在底部的图像,我想在顶部如何做到这一点 belwo是我的css文件Html 如何在css文件的顶部而不是底部关闭位置X,html,css,Html,Css,我使用的是一个css文件的lightbox它显示关闭X交叉在底部的图像,我想在顶部如何做到这一点 belwo是我的css文件 /* line 112, ../sass/lightbox.sass */ .lb-data .lb-close { width: 35px; float: right; padding-bottom: 0.7em; outline: none; } /* line 117, ../sass/lightbox.sass */ .lb-data .l
/* line 112, ../sass/lightbox.sass */
.lb-data .lb-close {
width: 35px;
float: right;
padding-bottom: 0.7em;
outline: none;
}
/* line 117, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
cursor: pointer;
}
嘿,我想你想要这样 首先,您应该定义主容器的相对位置,给出关闭按钮的绝对位置,并根据布局定义左右上下 Css
.lb-data{
width:200px;
height:200px;
background:red;
margin:100px 0 0 100px;
position:relative;
}
.lb-data .lb-close {
width: 35px;
height:25px;
position: absolute;
padding-bottom: 0.7em;
outline: none;
top:-36px;
right:-13px;
background:green;
color:white;
font-weight:bold;
}
/* line 117, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
cursor: pointer;
}
HTML
<div class="lb-data">
<div class="lb-close">XX</div>
</div>
XX
现场演示嘿,我想你想要这样 首先,您应该定义主容器的相对位置,给出关闭按钮的绝对位置,并根据布局定义左右上下 Css
.lb-data{
width:200px;
height:200px;
background:red;
margin:100px 0 0 100px;
position:relative;
}
.lb-data .lb-close {
width: 35px;
height:25px;
position: absolute;
padding-bottom: 0.7em;
outline: none;
top:-36px;
right:-13px;
background:green;
color:white;
font-weight:bold;
}
/* line 117, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
cursor: pointer;
}
HTML
<div class="lb-data">
<div class="lb-close">XX</div>
</div>
XX
现场演示发布你的html。发布你的html。谢谢你能在此链接中帮助在ipad中创建清单文件吗谢谢你能在此链接中帮助在ipad中创建清单文件吗