代码之家  ›  专栏  ›  技术社区  ›  Stephan Muller

将列表设置为标签样式,背景溢出到内容中

  •  0
  • Stephan Muller  · 技术社区  · 14 年前

    我想不出更好的方法来命名这个问题,但我会解释的。

    我有一个Mediawiki网站,文章后面有背景图案(如羊皮纸)。在每一篇文章的顶部,我都希望有类似维基百科的标签(有页面谈话编辑等链接)。

    问题是,标签应该与文章的背景无缝匹配,我不知道这是否真的可行。

    我尝试的方法是将列表定位在实际内容分区内,并为<li>项提供透明的背景,但就我所见,无法在不影响其中的<li>的情况下将其余<ul>的背景颜色设置为黑色。

    有人有主意吗?

    2 回复  |  直到 14 年前
        1
  •  1
  •   Topher Fangio    14 年前

    你可以有 <ul> 内容之外 <div> 并使用 background-position CSS property 在内容上定位背景 <DIV & GT; 把它移到 <UL & GT; . 类似以下内容(请注意,这是未经测试的,只是想给您一个大致的想法):

    <style>
      #links {
        background-image: url('/images/myawesomebackground.png');
        height: 20px;
      }
    
      #content {
        background-image: url('/images/myawesomebackground.png');
        background-position: 0px 20px;
      }
    </style>
    
    <ul id='links'>
      <li>Link 1</li>
      <li>Link 2</li>
    </ul>
    
    <div id='content'>
     Stuff goes here...
    </div>
    
        2
  •  1
  •   BalusC    14 年前

    这确实不可能。我会给 li 元素的左边和右边是黑色的粗边框。