-1
    .button1{


      background: #E68A00 url(wooden.jpg) repeat-x;
      border: 2px solid #eee;
      height: 28px;
      width: 115px;
      margin: 50px 0 0 50px;
      padding: 0 0 0 7px;
      overflow: hidden;
      display: block;
      text-decoration:none;
      font-family: 'Sacramento', cursive;
      color : white;
      font-size: 30px;

      /*Rounded Corners*/
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;

    /*Gradient*/
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));

    /*Transition*/
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    -ms-transition: All 0.5s ease;
    transition: All 0.5s ease;


    }

    #pg .button1{ 
    position: absolute
    left:340px;
    top:50px;

    }

    #p2 .button1{ 
    position:relative 
    left:340px;
    top:50px;

    }

    #p3 .button1{ 
    position:relative 
    left:40px;
    top:50px;

    }

    .button1:hover {
      width: 200px;
    }


 <a class="button1 pg " href="...">Small $14</a>
    <a class="button1 p2" href="...">Medium $15</a>
    <a class="button1 p2" href="...">Large $16</a>

今日、この質問を 2 回以上投稿しました。上記のコードは機能しますが、左と上の値を変更しようとしても何も起こりません:(基本的には、同じプロパティ(デザイン)を共有する3つのボタンの位置を変更したいです。とても面倒です、私はこの問題の解決策を探して、過去 3 時間ここに座っていました。助けてください !

4

1 に答える 1

0

id属性がありませんが、ID セレクターが機能することを期待していますか#?

最初のボタンを選択するには、次のようなものが必要です.button1.pg

于 2013-03-17T20:12:54.933 に答える