个人中心
gpt4 book ai didi

jquery - 使用 Bootstrap 更改背景和 CSS

转载 作者：太空宇宙 更新时间：2023-11-04 15:26:36 25 4
gpt4 key购买 nike

我试图在每次加载模块时更改我网站的背景。它在不导入 bootstrap 的情况下工作得很好，但是一旦我尝试导入 bootstrap 就好像$('html').css({"background":background}) 仅对未使用 Twitter bootstrap 的部分有效。

我觉得我应该只在导入 Twitter bootstrap 时更改背景。这里是截图: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>

最佳答案

看起来某个元素覆盖了您页面的一部分。在没有看到完整的 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;
}

关于jquery - 使用 Bootstrap 更改背景和 CSS，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13941079/

25 4 0
文章推荐： html - 为网站制作横幅 [网页设计/CSS]
文章推荐： java - 如何将输出的文本属性值做成超链接？
文章推荐： c++ - 通过函数传递数组
文章推荐： javascript - 等待 javascript 和 graphql/node 中的 Promise
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com