1

私はCMSに取り組んでおり、特別な編集用に別のボタンが必要です。次のような小さなexamplefileを作成しました。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="de" lang="de" xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>demo</title>
<style>
/* --- "breadcrumbs" --- */
ul.path         {margin:0;
                 padding:0;
                 padding-bottom:19px;
                 zoom:1;
                 overflow:hidden;}
ul.path li      {list-style-type:none;
                 list-style-position:outside;
                 height:28px;
                 overflow:hidden;
                 float:left;
                 margin-right:2px;
                 font-size:85%;
                 padding-left:10px;
                 line-height:19px;
                 background:url(hor.png) no-repeat left -90px;}
ul.path li.cur  {padding-left:10px;
                 background:url(hor.png) no-repeat left -60px;}
ul.path a       {padding:0 15px 0 0;
                 overflow:hidden;
                 float:left;
                 font-weight:normal;
                 height:26px;
                 padding-top:2px;
                 color:#fff;
                 text-decoration:none;
                 background:url(hor.png) no-repeat right -90px;}
ul.path li.cur a {color:#FFF;
                 font-weight:bold;
                 background:url(hor.png) no-repeat -180px -60px;}
</style>
</head>
<body>
<ul class="path">
    <li><a href="#">Webdevelopment</a></li>
    <li><a href="#">programming</a></li>
    <li><a href="#">database</a></li>
    <li><a href="#">modeling</a></li>
    <li class="cur"><a href="#">Dezign</a></li>
</ul>
</body>
</html>

私は次のようなpng背景画像を持っています 右隅が異なる背景画像http://img10.imageshack.us/img10/1849/hor.png 結果は次のようになります： result http://img21.imageshack.us/ img21 / 774 / resultr.png 目標は異なる右隅を取得することですが、負の距離を設定しようとしても機能しません。誰かが私に説明をすることができますか？そして、もっと興味深いことに、誰かがクラスcurの間違いを修正する回避策を教えてくれますか？

4

1 に答える 1

1

これは、最初の背景の真ん中にピースを与える負の距離を設定しているためです。-250pxのような位置を使用すると近づきますが、正確にするには、リンクに固定幅を設定するか、目的の背景が右端にある画像を使用する必要があります。

于 2009-10-11T09:36:19.850 に答える