Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Nowy w CSS,dodawanie obrazka na background image Pomocy
#1
Witam jestem zielony na razie w css,dopiero zacząłem (Dwie godziny temu xD) i robię tak ,chcę aby obrazek był tłem w tym wypadku mam w stylu takie coś :

Kod:
body {
      background-image: url("bg-1.jpg");

       }

Mam obrazek jako tło OK,ale teraz chcę dodać jakiś obrazek na to tło więc zrobiłem tak samo jak wyżej tyle że zmieniłem jedynie selektor i wygląda to tak :

Kod:
body {
      background-image: url("bg-1.jpg");
                  
     }


body {
      obrazek-image: url("menu.png");
          obrazek-repeat: no-repeat;
          obrazek-attachment: fixed;
          obrazek-position: 450px 0px
        
     }

Lecz ten obrazek menu.png się nie ukazał jest jedynie tylko tło :/

nie rozumiem co jest nie tak może ktoś pomóc?,i jeszcze mam problem bo nie wiem jak się dodaje przyciski w CSS ,jest jeden plus iż wiem jak zablokować obrazek i jak go umieścić w danym miejscu na stronie ^^,z góry dziękuję!!.
Odpowiedz
#2
<facepalm>
Kod:
obrazek-image: url("menu.png");
obrazek-repeat: no-repeat;
          obrazek-attachment: fixed;
          obrazek-position: 450px 0px
babcia nie obrazek...

poza tym poczytaj sobie w google CSS3 background. Bo tak jak ty to robisz to nie za bardzo można. CSS3 daje możliwość ustawienia kilku backgroundów na 1 element, ale w CSS2 nie ma tak.
Poza tym twoje podejście jest błędne. To element ul powinien mieć swoje tło menu, a nie body. LOGIKA!
Smile
Odpowiedz
#3
(02-10-2011, 14:35)Kartofelek napisał(a): <facepalm>
Kod:
obrazek-image: url("menu.png");
obrazek-repeat: no-repeat;
          obrazek-attachment: fixed;
          obrazek-position: 450px 0px
babcia nie obrazek...

poza tym poczytaj sobie w google CSS3 background. Bo tak jak ty to robisz to nie za bardzo można. CSS3 daje możliwość ustawienia kilku backgroundów na 1 element, ale w CSS2 nie ma tak.
Poza tym twoje podejście jest błędne. To element ul powinien mieć swoje tło menu, a nie body. LOGIKA!
Smile

Czyli jak powinien wyglądać ten kod : P

EDIT :
Kod:
body {
margin: 0;
padding: 0;
background: black url(bg-1.jpg) 0px 0px no-repeat fixed; }

div {
margin: 0;
padding: 0;
border: 1px solid silver;
position: absolute; }

div#w01, div#w02, div#w03 {
top: 5px;
background: #848484 url(menu.png) 128px 5px no-repeat fixed; }

div#w01 {
left: 128px;
width: 200px;
height: 200px;
/* usunięto : background-color: silver; *
z-index: 1;}

div#w02 {
right: 128px;
width: 200px;
height: 200px;
/* usunięto : background-color: silver;
z-index: 2;}

div#w03, div#w04 {
left: 338px;
right: 338px;
height: 20px;
background: #848484 url(menu.png) 128px 5px no-repeat fixed;
z-index: 3;
min-width: 200px;}

div#w04 {
top: 185px;
z-index: 4;}

div#banner {
top: 35px;
left: 138px;
right: 138px;
height: 140px;
background: transparent url(menu.png) 128px 5px no-repeat fixed;
z-index: 10;}

div#menu {
top: 215px;
left: 128px;
width: 200px;
background: #c8c8c8 url(menu.png) 128px 5px no-repeat fixed;
z-index: 15; }

div#tresc {
positon: static;
margin: 215px 128px 0 338px;
background: #c8c8c8 url(menu.png) 128px 5px no-repeat fixed;
z-index: 25;
min-width: 550px; }

To też nie działa
Odpowiedz
#4
background-image
a nie
obrazek-image

Co to w ogole za komenda obrazek-image?
Już ci pisałem - lepiej użyj
babcia-image:

Zadziała tak samo jak twój kod Smile
Odpowiedz
#5
Jak dam w tym moim kodzie z pierwszego postu background to i tak nie działa chyba że wrzucę to do Diva to widać trochę obrazka : P ale nie cały
Odpowiedz
#6
Dajesz masz z tym problem czy już sobie poradziłeś ??
Dalej masz z tym problem czy już sobie poradziłeś ??*
Odpowiedz
#7
widać tyle obrazka ile zajmuje div... daj mu szerokość i wysokość a zobaczysz cały obrazek...
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Zmiana obrazka po najechaniu / Efekt rollover JS manoa 0 4,700 06-12-2018, 18:46
Ostatni post: manoa
Sad HTML/CSS/JQUERY - Potrzebuje pomocy / Bezradność jokerblitzz 10 10,230 28-04-2016, 00:24
Ostatni post: mubi
  Zmiana sposobu rozwijania + podmiana obrazka arkadiio 7 7,194 23-03-2015, 03:52
Ostatni post: arkadiio
  Dodawanie postów przez użytkownika zymeg 1 3,018 11-01-2015, 01:35
Ostatni post: Radian
  Formukarz kontaktowy [Pomocy] bahafo 3 5,936 08-01-2015, 13:31
Ostatni post: Kartofelek

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl