Php div中的定位按钮
所以,我试着把这个按钮放在文本中,但它把封面图像向下移动,留下空白,空白的图像,它应该在图像中,而不是向下移动 之前: 之后: 代码:Php div中的定位按钮,php,html,css,Php,Html,Css,所以,我试着把这个按钮放在文本中,但它把封面图像向下移动,留下空白,空白的图像,它应该在图像中,而不是向下移动 之前: 之后: 代码: “.$context['member']['name']..”(!empty($context['member']['group'])?$context['member']['group']:$context['member']['post_group']) '; css .usercover { 背景:-moz线性梯度(顶部,rgba(0,0,0,0)
“.$context['member']['name']..”(!empty($context['member']['group'])?$context['member']['group']:$context['member']['post_group'])
';
css
.usercover
{
背景:-moz线性梯度(顶部,rgba(0,0,0,0)60%,rgba(0,0,0,0.6)100%);
背景:webkit线性梯度(顶部,rgba(0,0,0,0)60%,rgba(0,0,0,0.6)100%);
背景:线性梯度(至底部,rgba(0,0,0,0)60%,rgba(0,0,0,0.6)100%);
过滤器:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#990000000',GradientType=0);
宽度:101%;
高度:250px;
溢出:隐藏;
}
.usercover img
{
顶部:0px;
左:0px;
最小宽度:100%;
最小高度:250px;
用户拖动:无;
用户选择:无;
-moz用户选择:无;
-webkit用户拖动:无;
-webkit用户选择:无;
-ms用户选择:无;
}
.covernebitno{
边框:1px实心#dbdb;
高度:250px;
溢出:隐藏;
位置:相对位置;
}
.avatar profil img{
最小高度:100px;
最小宽度:100px;
最大高度:100px;
最大宽度:100px;
边框:1px实心#fff;
位置:绝对位置;
边缘顶部:135px;
左边距:13px;
}
.informacije p
{
字体大小:15px;
边缘顶部:145px;
左边距:135px;
颜色:白色;
位置:绝对位置;
}
博耶皮提斯先生
{
颜色:#696096;
}
.statusigraca
{
颜色:#77513E;
}
profildugmad先生
{
显示:内联块;
字体:普通14px/1字体;
字体大小:继承;
文本呈现:自动;
-webkit字体平滑:抗锯齿;
}
dodajme profil先生{
位置:绝对位置;
右:5px;
底部:5px;
}
尝试设置位置:相对图像上的代码>和位置:绝对;z指数:999;顶部:50px;左:按钮上的50px
不,现在是这样的,但这就是它的样子,你应该做一把小提琴,给我们一个链接或什么的。另外,尝试删除图像上的相对位置。
<div class="covernebitno">
<div class="avatar-profil"><a href="/index.php?action=profile">', $context['member']['avatar']['image'], '</a></center></div>
<div class="usercover">
<div class="dodajme-profil">
<div class="profildugmad">
<a href="index.php?action=register" id="regsubmit">Send Message</a></br>
<a href="http://noobot.info/uploader" id="regsubmit">Image Upload</a>
</div>
<div class="informacije">
<p>'.$context['member']['name'].'</br><span class="bojeipticice">'.(!empty($context['member']['group']) ? $context['member']['group'] : $context['member']['post_group']). '</p>
<img src="http://i.imgur.com/U0TijfL.jpg" />
<div class="covernebitno">
</div></div></div>
';
css
.usercover
{
background: -moz-linear-gradient(top, rgba(0,0,0,0) 60%, rgba(0,0,0,0.6) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 60%,rgba(0,0,0,0.6) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 60%,rgba(0,0,0,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 );
width: 101%;
height: 250px;
overflow:hidden;
}
.usercover img
{
top: 0px;
left: 0px;
min-width: 100%;
min-height: 250px;
user-drag: none;
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.covernebitno {
border: 1px solid #DBDBDB;
height: 250px;
overflow: hidden;
position: relative;
}
.avatar-profil img {
min-height: 100px;
min-width: 100px;
max-height: 100px;
max-width: 100px;
border: 1px solid #fff;
position: absolute;
margin-top: 135px;
margin-left: 13px;
}
.informacije p
{
font-size: 15px;
margin-top: 145px;
margin-left: 135px;
color: white;
position: absolute;
}
.bojeipticice
{
color: #696096;
}
.statusigraca
{
color: #77513E;
}
.profildugmad
{
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
.dodajme-profil {
position: absolute;
right: 5px;
bottom: 5px;
}