首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >HTML背景定位

HTML背景定位
EN

Stack Overflow用户
提问于 2014-10-06 13:30:32
回答 2查看 93关注 0票数 0

我一直在试图确定如何做一个背景,比如有一个负的利润率。这是我现在所做的事情的图片

下面的图片显示了我想要的结果。

我试着用负值,但一点运气都没有。这是我现在的代码

HTML

代码语言:javascript
运行
复制
  <div class="container">
                  <div class="navbar navbar-custom radius-fixer nomargin" role="navigation">
                              <div class="navbar-header">
                                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                  <span class="sr-only">Toggle navigation</span>
                                  <span class="icon-bar"></span>
                                  <span class="icon-bar"></span>
                                  <span class="icon-bar"></span>
                                </button>
                              </div>
                              <div class="navbar-collapse collapse nopaddingright">
                                <ul class="nav navbar-nav">      
                                  <li class="active"><a href="<?php echo home_url(); ?>">HOME</a></li>        
                                  <li><a href="about-us">ABOUT US</a></li>
                                  <li><a href="faq">FAQ</a></li>
                                  <li><a href="contact-us">CONTACT US</a></li>
                                  <li><a href="online-forms">ONLINE FORMS</a></li>
                                  <li><a href="virtual-clinic-tour">VIRTUAL CLINIC TOUR</a></li>    
                                  <li><a href="blog" class="noborder">BLOG</a></li>              
                                </ul>                       
                              </div><!--/.nav-collapse -->
                          </div><!--/.container-fluid --> 
</div>

<div class="clearfix" id="main">
  <div class="container">
    <div class="flexslider nomargin">
                      <ul class="slides">
                        <li>
                            <img src="SLIDER1"  />
                          </li>
                          <li>
                            <img src="SLIDER2"  />
                          </li>
                          <li>
                            <img src="SLIDER3"  />
                          </li>
                      </ul>      
    </div>
  </div>
</div>

我的CSS

代码语言:javascript
运行
复制
  #main{
  background: #bf35bc;
  background-position: top;

}

我真的很感激你的回答。

EN

Stack Overflow用户

发布于 2014-10-06 14:37:41

这是负的上限:margin-top: -50px;

所以试试

代码语言:javascript
运行
复制
#main{
   background: #bf35bc;
   background-position: top;
   margin-top: -50px;
}
票数 0
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26217322

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档