Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScript DOMで修正する背景画像を設定するにはどうすればよいですか？

JavaScriptで修正される背景画像を設定するには、 backgroundAttachmenを使用します t 財産。スクロールしない画像を設定できます。

例

次のコードを実行して、 backgroundAttachmentの操作方法を学ぶことができます。 JavaScriptを使用したプロパティ-

<!DOCTYPE html>
<html>
   <body>
      <button onclick="display()">Click to Set background</button>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <script>
         function display() {
            document.body.style.background = "url('https://www.tutorialspoint.com/html5/images/html5-mini-logo.jpg') no-repeat right top";
            document.body.style.backgroundAttachment = "fixed";
         }
      </script>
   </body>
</html>

  1. ウェブページの背景画像を設定するにはどうすればよいですか？

    Webページの背景画像を設定するには、CSSスタイルを使用します。 CSSのタグの下に、プロパティbackground-imageを追加します。このプロパティは、jpg、png、svg、gifなどのグラフィックを設定します。HTML5は背景属性をサポートしていないため、CSSを使用して設定された背景画像を変更します。 例 次のコードを試して、Webページの背景画像をHTMLで設定できます ライブデモ <!DOCTYPE html> <html>    <head>       <style>

  2. CSSで修正された背景画像を設定する

    background-attachmentを使用します 背景画像を固定として表示するプロパティ。 例 次のコードを実行して、 background-attachmentを実装してみてください。 プロパティ- <!DOCTYPE html> <html>    <head>       <style>          body {             background-image