2016-07-15 6 views
-2

私はここで少し作業しているウェブページを持っています。私は "コードジェネレータ"から実装したポップアップWebフォームをいくつか追加してから、メインページの終了時に背景色を設定しようとしました。(JavaScriptファイルを含む)は私の背景色を壊します

私の人生にとって、私は頭からこれらの3行のコードを削除するまで、私はバックグラウンドを得ることができませんでした。それは明らかにポップアップ機能を取り除き、永続的なオブジェクトとしてページに表示しますが、最終的に背景が表示されます。なぜこのようなことが起こるのかについての情報は見当たりません。

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> 
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 

彼らはただ

EDIT(。私は交流背景とウェブ開発から来る申し訳ありませんが、少し私の頭の上にある)を使用すると、Web開発のファイルを含める呼ぶだろう何でもあるように見える:誰もが私のスタイルを置く提案しましたインクルードファイルに含まれるスクリプト。 これはセットアップの仕組みです。サンプルを投稿してくれないのは残念です。

<html> 
<head> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> 
    <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 

    <link rel="stylesheet" type="text/css" href="gauge.css" /> 
    <link rel=”stylesheet” type="text/css" href="common.css" /> 

    <style>body {background-color: yellow;}</style> 

//PHP STUFF 
//JAVASCRIPT STUFF 
</head> 

<body> 
    //TABLES AND BUTTONS FOR POP UP FORMS 
</body> 
//PHP STUFF 

FYI 体{背景色:黄重要!;} EDIT は動作しません。黄色のbgが1/4秒間見られ、次に白く拭き取られます。

+0

jqueryファイルはモバイルスタイルの環境を設定することですhttp://demos.jquerymobile.com/1.2.1/docs/pages/page-anatomy.html ...必要がない場合は削除してください。 – Daniel

+0

私が述べたように私のポップアップフォームには必要と思われる。私のターゲットプラットフォームはモバイルなので、これらのファイルを使って動作させる必要があります。 –

+0

これは非常に曖昧な投稿です。どの行#スタイルタグが置かれているのか、3行目の行がどの行に置かれているのかを知りたい。スタイルタグを宣言した後のHTML文書*で宣言されているため、jquery CSSスタイルシートが背景色をオーバーライドする可能性があります。 10行目に 'background-color:yellow'を設定して11行目以降に、体の背景色を赤色に設定する可能性のあるスタイルシートをインポートすると、スタイルシートがすべてのスタイルシートのインポートの後に書かれていることを確認してください。赤くなります。 – btrballin

答えて

0

は、それがスタイルシートへ

+0

応答に感謝しますが、それは彼らが最初に位置した場所です。私もを無駄にしようとしました。 –

+0

CSSファイルのみがjsファイルのスタイルに影響しません。ちょうどそれを取り除き、2つの他のものを残すようにしてください –

+0

スタイルシートの行が動いているだけですが、それは私のポップアップフォーム機能を壊しました。それらを永続オブジェクトとしてページに設定します。もう一度お試しいただきありがとうございます:) –

0

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">リンクを働くかもしれない3行の後にCSSスタイルを書いてみます。あなたが入れているものを上書きするというのは良いことです。そのスタイルシートへのリンクの後にコードを入れてください。でなければなりません。しかし、まだそれはできないかもしれません。それはスタイリングに依存します。

+0

スタイルシートのリンク先のバックグラウンドコードが置かれている場合は、私は通常、これらのタイプのファイルへのリンクの後にほとんどすべてを置きます。 –

+0

次に、スタイルシートが使用したいスタイルを上書きしています。これは一般に特異性のために起こります。あなたは '!important'を利用することができます。 –

+0

hmmm。先端のおかげで!私は研究に行くでしょう。 –

関連する問題