Ich möchte bestimmte Elemente meiner Website hervorheben, indem ich alles AUSSERHALB verschiedener DIV-Container auf meiner Website verdunkle. Ist das möglich? Wenn ja, wie geht das am besten?Kann ich die Deckkraft von alles AUSSERHALB eines DIV-Containers ändern?
Eine Möglichkeit wäre, ein (Vollbild-) Element zu haben, das alles bei einem bestimmten Z-Index mit einer bestimmten Opazität abdeckt/maskiert. Stellen Sie dann sicher, dass die Elemente, die hervorgehoben werden müssen, einen größeren Z-Index haben, damit sie nicht von der Maske beeinflusst werden.
Dies sollte Sie in die richtige Richtung setzen: http://codepen.io/anon/pen/BLBYXZ. Du wirst neue Dinge herausfinden müssen, zum Beispiel, um alles wieder normal zu bekommen.
<!doctype html>
<html>
<head>
<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
<style>
.fade div{opacity: .4}
.fade div.spotlight{opacity: 1}
</style>
</head>
<body>
<div>Hi</div>
<div>Me</div>
<div>Google</div>
<div>Pizza</div>
<script>
var divs = $('div');
var body = $('body');
divs.on('click', function() {
var self = $(this);
body.addClass('fade');
self.addClass('spotlight');
});
</script>
</body>
</html>
Sie haben zwei absolut gültige Antworten: 1 Masken alles auf Klick mit Ausnahme des div Sie hervorheben wollen, Die andere Methode (meine) Masken alles und die divs hightlight. Willst du mehr Optionen? – user2288476