0

私のクライアントが望んでいるのは、ライト オレンジにカーソルを合わせるとダーク オレンジに変わることです。これは簡単ですが、ボタンの中央に移動してダーク オレンジにカーソルを合わせると、ライト オレンジに変わります (これが私が考えた方法です)。と苦労しています..アドバイスしてください

ここに画像の説明を入力

<a href="#"><div class="buttonblue">
<div class="buttontitle">local businesses</div>
<div class="buttonaction_blue">NEXT</div>
<div class="buttonsmallprint">Leverage online</div>
</div></a>

CSS

.buttontitle { 
 font-family: 'BebasNeueRegular', Arial, sans-serif;
 letter-spacing: 0;
 padding:4px 0px 4px 0px;
 font-size:36px; 
 color:#fff;
 text-align:center;
 } 
 .buttonaction_blue:hover
  {
    background-color:#418dc7
  }  
  .buttonaction_blue 
 {
  width:355px; 
  margin:0 auto;
  background-color:#4795d1;
  -webkit-border-radius: 2px; 
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-family: 'Oxygen', sans-serif; 
  font-size:32px; 
  text-align:center;  
  color:#fff;
  padding:10px 0px 10px 0px; 
  }
4

2 に答える 2

0

div に :hover を重ねようとしているだけのようです:

http://jsfiddle.net/tSZ2u/1/

.buttonaction_blue:hover {
     background-color:#5BCAE9
}

.buttonblue:hover {
     background-color: #4795d1;
}

bluebutton と buttonaction_blue の両方にホバーを追加することで問題が解決する場合は、すばらしいことです。そうでない場合、項目の親の CSS セレクターはありません (現時点では)。.parent() を使用していくつかの jQuery を調べる必要があります: http://api.jquery.com/parent/

于 2012-12-18T22:03:07.207 に答える
0

あなたが言った

"What my client wants is when you hover over the light orange it changes to the dark orange"

明るいオレンジ色（例では青色）を暗い色に変更し、暗いオレンジ色を変更しない場合は、これを置き換えます

.buttonaction_blue:hover
{
background-color:#418dc7
}

と

.buttonblue:hover
{
background-color:#5BCAE9;
}

または、明るいオレンジ色（例では青色）が必要な場合は、暗いオレンジ色に変更し、暗いオレンジ色を明るいオレンジ色に変更してから、これを追加します

 .buttonblue:hover
{
background-color:#418dc7;
}

jsfiddle

于 2012-12-18T22:02:42.397 に答える