Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [inne][HTML][CSS]IE nie działa ie-css3.htc ..., Ścieżka do ie-css3.htc jest dobra :)
Elber
post 2.07.2011, 13:53:35
Post #1





Grupa: Zarejestrowani
Postów: 381
Pomógł: 12
Dołączył: 9.07.2007

Ostrzeżenie: (0%)
-----


Witam,

mam problem, wyczytałem, że można wesprzeć sie plikami .htc dla IE przy tworzeniu css'a aby był kompatybilny z IE 6-8. Chciałbym uzyskać efekt cienia box'a w IE tak samo jak w FF jednak mimo iż ścieżka do pliku .htc jest prawidłowa, IE nic z tym nie robi, cień się nie wyświetla. Link do strony tutaj

W FF i Chrome cień się pokazuje a w IE nie ... Czy mam coś nie tak w CSS lub HTML'u questionmark.gif Korzystam z ie-css3.htc

Ten post edytował Elber 2.07.2011, 15:37:02


--------------------
GG: 564555
Go to the top of the page
+Quote Post
Damonsson
post 2.07.2011, 14:13:51
Post #2





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----


  1. div.content_box {
  2. position: relative;
  3. background-image: url('../img/box_bg.gif');
  4. background-repeat: repeat-x;
  5. margin: 0 auto;
  6. margin-top: 50px;
  7. margin-bottom: 10px;
  8. width: 957px;
  9. height: 641px;
  10.  
  11. -moz-box-shadow: 0 0 15px 7px #78787a;
  12. -webkit-box-shadow: 0 0 15px 7px #78787a;
  13. box-shadow: 0 0 15px 7px #78787a;
  14.  
  15. behavior: url(ie-css3.htc);
  16. }


Tak powinno być.

Ten post edytował Damonsson 2.07.2011, 14:14:04
Go to the top of the page
+Quote Post
Elber
post 2.07.2011, 14:29:48
Post #3





Grupa: Zarejestrowani
Postów: 381
Pomógł: 12
Dołączył: 9.07.2007

Ostrzeżenie: (0%)
-----


Zmieniłem i dalej nie działa ....


--------------------
GG: 564555
Go to the top of the page
+Quote Post
Damonsson
post 2.07.2011, 14:39:05
Post #4





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----


Hmmm...typowy strzał:
-moz-box-shadow: 0 0 15px 7px #78787a;
-webkit-box-shadow: 0 0 15px 7px #78787a;
box-shadow: 0 0 15px 7px #78787a;

zamień 0 0 15px 7px #78787a na przykładowo 10px 10px 10px #78787a i zobaczy czy coś zadziała. Może IE nie ogarnia 4 własności.
Jak to nie zadziała to ja się poddaję. A ty spróbuj wziąć czyste jakieś działające demo i wgrać u siebie. Jak zadziała, to znaczy, że coś namieszałeś.

W każdym bądź razie, ścieżka do pliku była zła, teraz jest ok i nie działa. Musisz trafić na specjalistę od IE6 tongue.gif
Go to the top of the page
+Quote Post
Elber
post 2.07.2011, 14:54:46
Post #5





Grupa: Zarejestrowani
Postów: 381
Pomógł: 12
Dołączył: 9.07.2007

Ostrzeżenie: (0%)
-----


Hmm smile.gif no już jakiś postęp biggrin.gif

tylko teraz ten cień jest po prawej i na dole biggrin.gif Ale go wyświetla smile.gif

Teraz tylko jak z

box-shadow: 0 0 15px 7px #78787a;

Zrobić 3 wartości aby wyglądało tak samo jak prędzej ?


--------------------
GG: 564555
Go to the top of the page
+Quote Post
Damonsson
post 2.07.2011, 18:21:34
Post #6





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----


Jednak mam nosa wink.gif

Walisz po przecinku:
div {
box-shadow: 10px 10px 10px #000, -10px -10px 10px #000;
}
Czy jakoś tak podobnie, poszukaj sobie jakichś tutorialów o box shadow to znajdziesz.
Go to the top of the page
+Quote Post
Elber
post 2.07.2011, 18:40:49
Post #7





Grupa: Zarejestrowani
Postów: 381
Pomógł: 12
Dołączył: 9.07.2007

Ostrzeżenie: (0%)
-----


OK wink.gif Wielkie dzięki za pomoc wink.gif

Pozdro


--------------------
GG: 564555
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 24.07.2025 - 19:57