何かが起きた場合、本体background-colorをグレーに設定し、opacityを減らしています。しかし、明らかにボタンの不透明度も変わります。ボタン以外の背景色+不透明度を設定する
私が達成したいのは、アクションが発生したときに、ボタンを除くすべての不透明度を変更することです。
var highlight = $('#' + scroll).closest('div').find('button');
$('body').css('opacity', '0.2');
$('body').css('background-color', 'grey');
$(highlight).css('background-color', '#FDFF47');
$(highlight).css('opacity', '1');
どのようにすることができますか？
background-colorrgba()を使用すると、不透明度を背景に限定することができます。 opacityプロパティは必要ありません。
$('body').css('background-color', 'rgba(128, 128, 128, 0.5)');
RGBAについて（R、G、B、A）からhttps://developer.mozilla.org/en-US/docs/Web/CSS/color_value#rgb()_and_rgba()
ではなく不透明度を設定するには、アルファ値と背景色を設定することができる：
$('body').css('background-color', 'rgba(192,192,192,0.2)');
これらの回答はどれも私がしたいことをしていません。しかし、ボタンを明るくし、ページの残りの部分を暗くするためには暗くはない –
@PrzemyslawWojtas質問はそれらをもたらす方法で尋ねられたので、あなたはこれらすべて同じ回答を得ていると思う。私は質問を言い換えていくつかのhtmlを表示して、それぞれの要素に欲しい効果を説明するかもしれません。 – Nick
私はそれが難しいとは思わない。ボディの背景をボタン以外の灰色の色に設定します。ボディはもちろんページ全体ですが、私は特定のボタンを強調して、ヒントを "ここをクリック"したいと思っています –
をopacityに設定しようとするときは、を表すrgbaを使用してください。赤、青、不透明（アルファ）の緑色最後のパラメータを不透明度として渡すことができます。 background-color: greyの代わりにbackground: rgba(0,0,0,0.2)を使用してください。参照のために下のスニペットを確認してください。
div {
background-color: rgba(0, 0, 0, 0.2);
padding:50px;
}
p {
color: blue;
}<div>
<p>My Text</p>
</div>あなたはURLが変更に耳を傾けるを探している場合は、あなたの質問にコメントで書くように、このjquery code
$(document).ready(function() {
$("#btn").hover(function() {
$("#btn").css('background-color', 'grey');
$("#btn").css('opacity', '0.5');
});
});#btn {
border: none;
padding: 10px;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btn">test</button>にしてみてください、私はあなたにthis questionを見てお勧めします。
代わりに、あなたはそのdiv要素は、このような何かをしようとするHTMLページの一番上にあるときにコードを実行するために探している場合：
$(document).on('scroll', function(){
if($('your_div').offset() == 0){
//do stuff when your_div is on top of the page
}
})
このコードは、ページのスクロールに耳を傾け、そしてあなたのdivがオフセットしているときif文では、コードを実行し、ページの上部から0PX
EDIT
あなたはこの$(body).css('opacity', '0.2')を行うあなたは、本体内のすべての不透明度を設定している場合（特にすべて<body>の子供のために）。一部の要素に対してのみ不透明度を設定するには、何か面倒なことをする必要があります。divのすべての要素を同じクラスでラップし、そのクラスの不透明度を設定する必要があります。
アイデア：divのクラスがopacityであると仮定すると、$('.opacity').css('opacity', '0.2')の場合、そのdivの要素の不透明度は0.2に設定されます。
私はこの問題を抱えています。ボタンを有効にしないで体の背景色を設定する方法を尋ねていますだから背景色を設定する：何でも;ボタン用ではありません –
HTMLページの特定の操作または一般的な操作を意味しますか？ –
これは基本的にはdivにスクロールしていますが、query =？scroll = valueはURLに渡されます。値はdivのIDでスクロールします –