Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 5
Seite [1]
Tress13


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
 # Thema - 31.08.2013 um 15:49 Uhr
Ich bestel gerade an einem neuen Template. Dort verwende ich die neue multiple_bg-Funktion aus CSS3. Allerdings klappt das im IE10+ und Opera12+ nicht. FF22 und Safari5+ machen da keine zicken. Gemeint ist der 2. Background, der im Footer erscheinen soll.

Code:
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
1. / 2. / ... 
 body {
  background-image: url(Bilder/bg-bottom.jpg), url(Bilder/bg-top.jpg);
  background-color: #ddd;
  background-position: center bottom, center top;
  background-repeat: no-repeat;
  position: relative;
  font-size: 14px;
  font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
  -webkit-text-size-adjust: 100%;
  color: #555;
  text-shadow: #fff 1px 1px 0;
}


Weiss vlt einer, wie ich das lösen kann?

http://www.iv-artwork.de/liveview/3designz40.php


------------------


www.iv-gaming.de | www.iv-artwork.de
Inaktiv
Tress13
Thread-Ersteller


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
 # Antwort: 1 - 01.09.2013 um 22:07 Uhr
Keine ne Idee wie ich das mit der multiple_bg Funktion zum laufen bringen kann?
Könnte das auch altmodisch regeln, aber die neue Funktion wäre das einfacher und schöner.


------------------


www.iv-gaming.de | www.iv-artwork.de

Inaktiv
|
palle ClanSphere Team

Supporter
Supporter




Beiträge: 3073
 # Antwort: 2 - 01.09.2013 um 22:12 Uhr
Was die Browser nicht beherrschen können sie halt nicht^^
http://caniuse.com/multibackgrounds

Evtl. kann man das mit Javascript lösen.

Gruß


------------------
I like the part where it says 'nyan'



Inaktiv
|
Tress13
Thread-Ersteller


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
 # Antwort: 3 - 01.09.2013 um 22:15 Uhr
Hmmm... hier stand es würde von allen Unterstützt werden.

Browser support for multiple backgrounds is relatively widespread with Mozilla Firefox (3.6+), Safari/Chrome (1.0/1.3+), Opera (10.5+) and even Internet Explorer (9.0+) all implementing the feature.


http://www.css3.info/preview/multiple-backgrounds/


------------------


www.iv-gaming.de | www.iv-artwork.de

Inaktiv
|
palle ClanSphere Team

Supporter
Supporter




Beiträge: 3073
 # Antwort: 4 - 02.09.2013 um 07:44 Uhr
http://www.sitepoint.com/mastering-css3-multiple-backgrounds/


------------------
I like the part where it says 'nyan'



Inaktiv
|
Tress13
Thread-Ersteller


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
 # Antwort: 5 - 02.09.2013 um 19:20 Uhr
Ich habe das jetzt ohne die neue Funktion gelöst. Schade aber so gehts wenigstens überall.

 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
1. / 2. / ... 
 <div id="main_bg" class="clearfix">
    <div class="bg_container">
    
...

    </div>
</div>

<div id="footer_bg" class="clearfix">
    <div class="bg_container">
        
...
    
    </div>
</div>


 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
1. / 2. / ... 
 /* START Backgrounds */

.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.bg_container {
  width: 1000px;
  margin: 0 auto;
}

#main_bg {
  background: url(Bilder/bg-top.jpg) center top  no-repeat #e0e0e0;
  width: 1920px;
  position: relative;
  display: block;
}

#footer_bg {
  background: url(Bilder/bg-bottom.jpg) center bottom no-repeat;
  width: 1920px;
  display: block;
}

/* ENDE Backgrounds */


------------------


www.iv-gaming.de | www.iv-artwork.de

Inaktiv
|
Antworten: 5
Seite [1]


Sie müssen sich registrieren, um zu antworten.