私は現在ここに座って、私のxfceセットアップのためのまともな探しているログインページを書こうとしています。身体要素の背景に合わせて画像を取得できません
誰かが間違ったパスワードを入力したときに、プロフィール画像と背景画像を変更したいと思っています。私は現在、バックグラウンドを変更するところまで作業していますが、background-size: cover;を実行するにはjavascriptが必要なので、画面に合わせてストレッチしません。
私の現在のjavascript行は現在document.body.style.background = " #000000 url('images/bg.gif') no-repeat center fixed";です。JQueryはオプションではありません。理由は問いません。それだけではありません。
お願いします。ありがとうございます。
document.body.style.backgroundSize = "cover"を使用すると、背景を強制的に「画面を埋める」ことができます。
ありがとう、それは完璧に働いた。アバターを変更することは可能ですか？それはちょうど普通のタグです。 –
realsub
@ war10ckバックチックでコードを折り返してくれてありがとう。 @realsub、はい、 'imgObject.setAttribute（ 'src'、 'path/to/new/avatar.jpg'）'や 'imgObject.src ="パスのように 'src'属性にほとんど同じ方法でアクセスします/ to/new/avatar.jpg'' – Stuart
ありがとうございます.html＆jsドキュメントで定義されているアバターの位置をlightdmで聞くようにしようとしています 現在、設定ファイルを '/ var 'Icon =/var/lib/AccountsService/icons/illidan' 設定を聞かないようにして、代わりにhtmlを使用する方法を見つけられませんでした。/ lib/AccountsService/users / – realsub
CSSクラスを使用してページのスタイルを設定し、JSを使用してクラスを切り替えることをお勧めします。
document.body.className = 'wrong-password';
とCSSのようになります。：
だから、あなたのケースでは、JavaScriptのようなものができ
<style>
.wrong-password {
background: #000000 url('images/bg.gif') no-repeat center fixed;
background-size: cover;
}
</style>
そして、あなたは簡単に多くのスタイルを追加、あるいは子供たちのスタイルを変更することができます（たとえば、アバター）を簡単に、そう：
<style>
.wrong-password .avatar {
display: none;
}
.wrong-password .some-placeholder {
display: block;
}
</style>
私はそれを再作成する方法を与え、jsfiddleまたはcodepenまたは何かがありがとう。あなたのCSSの権利がある場合は、背景画像を変更することは重要ではありません。 –
あなたのコードをもっと見せてみませんか？（例：JSFiddle）？ –
実際にjsfiddleを正しく動作させることができたら、私は大好きです。 – realsub