3

私のページは、次の定義を持つ CSS スタイル シートを参照しています。

html {background-color:#FFFFFF;background-image:url('../images/Background.png');background-repeat:repeat-x; }

background-imageページ レベルで要素を上書きするにはどうすればよいですか? アプリケーションの 1 ページだけの設定を上書きする必要があります。

4

5 に答える 5

5

クラスを html 要素に追加し、インライン スタイルを使用して外部スタイルシートのスタイルをオーバーライドします。インライン スタイルを外部スタイル シートに配置することもできます。これがベスト プラクティスです。

<html class="myHtmlTag">
   <head>
     <link href="externalStyle.css" rel="stylesheet"/>
    <style>
     html.myHtmlTag{
       background: none !important;
       background-image:none !important;
     }
    </style>
   </head>
   <body></body>
</html>
于 2012-10-10T00:22:22.100 に答える
1

html他のセレクターなしでタグのみをターゲットにしている場合はhtml、メインのcssの後に別のスタイルを含めることができます。CSSの特異性ごとに、それぞれ1つのタグの値しかありません（IDもクラスもありません）。したがって、後者は要素のスタイルを設定します。

<html>
<head>

<link rel="stylesheet" href="main.css" /> 

<!-- anywhere from here down you can include a style to over ride html -->

簡単なデモは次のとおりです。

html {background-color:#000;background-image:url('http://lxmpro.com/cms/wp-content/uploads/2012/01/site-background-pattern-07.jpeg');background-repeat:repeat-x; }


/*  second reference to html tag overrides the first */
html {background-image:url('http://www.noupe.com/wp-content/uploads/2009/10/wallpaper-pattern.jpg');}

作業デモ-http://jsfiddle.net/K68D3/

于 2012-10-10T00:43:01.533 に答える
0

bodyタグにクラスを適用できますか？IE：

<body class="home"> 
<body class="articlepage">

それ以外の場合は、関数を実行するためにページにドロップコードにアクセスできるが、ロックアウトされていると仮定して、技術的にjQueryを使用できます。

<script>$("body").addClass("home");</script>

- - また - - - 

<script>$("body").addClass("articlepage");</script>

これらにより、クラスを実行できます。

body.home {background-image:url(homebg.jpg);}
body.articlepage {background-image:url(articlebg.jpg);}
于 2012-10-10T00:27:46.330 に答える
0

次のよう!importantにスタイルでプロパティを使用します。background background-image

html{background-color:#000000 !important;background-image:url('your/image/path') !important;...}
于 2012-10-10T00:22:06.503 に答える