0

モジュール上のロードごとに Web サイトの背景を変更しようとしています。ブートストラップをインポートしなくても問題なく動作しますが、ブートストラップをインポートしようとすると $('html').css({"background":background})、Twitter のブートストラップが使用されていない部分にしか効果がないように見えます。

Twitterのブートストラップがインポートされたときだけ、背景を変更する必要があるように感じます。ここにスクリーンショットがあります: https://www.dropbox.com/s/ztcx56p9b7twq8b/Screen%20Shot%202012-12-18%20at%203.35.21%20PM.png?m

    <!DOCTYPE html>
<html>
<head>

    <script src="/javascripts/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/javascripts/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="/javascripts/background_decider.js"></script>
    <link rel='stylesheet' href='/stylesheets/css/bootstrap.min.css'/>
    <link rel='stylesheet' href='/stylesheets/style.css' />
</head>


  <body>
      <script type="text/javascript">

         window.onload = function() {
           window.setTimeout(function () {
                var background = select_background();
                $('html').css({"background":background});
           }, 0);
           };


      </script>
    <div class="title">
      <form class="form-horizontal">
        <div class="control-group">
          <div class="controls">
            <label class="control-label" for="inputEmail">Email</label>
            <input type="text" id="inputEmail" placeholder="Email">
          </div>
        </div>
        <div class="control-group">
          <div class="controls">
            <label class="control-label" for="inputPassword">Password</label>
            <input type="password" id="inputPassword" placeholder="Password">
          </div>
        </div>
      </form>

    </div>
  </body>

</html>
4

2 に答える 2

1

要素がページの一部を覆っているようです。完全な HTML/CSS を見ないと、それが何であるかを判断するのは困難です。しかし、ここから始めます。

  1. FireBug (FireFox の場合) または開発者ツール (Chrome の場合: Ctrl+Shift+J、IE: F12) を使用して要素を選択し、それが何であるかを判断します。
  2. 以下のコードを CSS ファイルに追加します。それを使用する要素に背景がないことを確認します。
  3. class="transparent"手順 1 の要素に追加します。

.

.transparent
{
    border-color: transparent;
    background-color: transparent;
    background-image: none;
}
于 2012-12-18T20:47:28.350 に答える
0

あなたの助けに感謝しますが、これは私が私の問題を解決した方法です:

$('html').css({"background":background}); を変更しました。$('body').css({"background":background}); に

于 2012-12-20T19:36:01.023 に答える