登录 | 注册 | FAQ
Anonymous

Backround Image

+ 发表回复

4 篇帖子 分页: 1 / 1


Backround Image

ghenkel » 周一 7月 25, 2011 11:48 am

Hallo,

wie stelle ich denn die Größe des Hintergrundbildes ein?
Ich habe ein CSS-Style-Sheet geschrieben und eigentlich funktioniert alles super, nur kriege ich eben das Bild nicht in die gewünschte Größe.
Wie sieht dafür die Schreibweise aus? Bisher habe ich im CSS

body {
background-color: #f5f5f5;
background-image: url("xxx.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 90% 5%;
}

wo schreibe ich denn die gewünschte Größe hin?

Oder muss das im HTML Dokument stehen?

Vielen Dank für die Hilfe.
头像

ghenkel

  • 帖子: 2
  • 注册: 周一 7月 25, 2011 11:43 am

Re: Backround Image

HTML.net » 周一 7月 25, 2011 5:31 pm

Funktioniert in neuen Browser:

CSS:

body {
background: url(bg.png) no-repeat;
background-size: 100%;
}

Funktioniert in allen Browsern:

<html>
<head>
<style>
img.bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
</style>
</head>
<body>
<img class="bg" src="background.png" alt="" />
<p>Hello</p>
</body>

- Andreas, HTML.net
头像

HTML.net
Site Admin

  • 帖子: 1194
  • 注册: 周六 9月 11, 2010 11:24 am
--
Show some love for HTML.net on Twitter, Facebook and Google: Use the buttons on top of all pages.

Re: Backround Image

Devona » 周三 7月 27, 2011 4:30 pm

Da mein Thema ähnlich gelagert ist, möchte ich mich hier mal "ranhängen", verbunden mit einem ganz, ganz fetten Dankeschön für die Tutorials in HTML und CSS...sie sind leicht nachvollziehbar und was beim Lernen wichtig ist...sie demotivieren nicht, sie machen Lust auf mehr und sind wirklich leicht verständlich. Auch für Frauen :-)

Nun zu meiner Frage (auch wenn sie vllt. doof ist, ich bin totaler Anfänger mit 4 Tagen Praxis): ich habe eine H1-Box erstellt, Schrift links oben, Grafik rechts unten. Ich möchte nun in diese Box eine 2. Grafik, exakt UNTER der Schrift links oben ( also links unten) einbinden (ein LOGO), geht das und wenn ja wie? Ich habs einfach nochmal mit "background" rein gepappt, dann kriege ich es auch angezeigt, allerdings die rechts unten befindliche Grafik nicht mehr. Dachte ich mir schon. Kann mir wer helfen?

LG, Devona
头像

Devona

  • 帖子: 1
  • 注册: 周三 7月 27, 2011 4:08 pm

Re: Backround Image

Kloeffer » 周六 7月 30, 2011 12:07 pm

Versuchs mal mit z-index
so stehts dann in dem stylesheet:

body{
background-image: url ("");
z-index: 1;
}

.boxname{
z-index: 2;
}


in der html datei so:

<h1><box class="boxname">XYXYXYXYXYX</box></h1>
头像

Kloeffer

  • 帖子: 1
  • 注册: 周六 7月 30, 2011 11:43 am


+ 发表回复

分页: 1 / 1