Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/video/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php div中的定位按钮_Php_Html_Css - Fatal编程技术网

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