Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Zmiana prefixa stylu
qdlaty83
post
Post #1





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 25.02.2011

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

Cześć, mam taką stronkę:

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. 	<link rel="Stylesheet" type="text/css" href="style.css" />
  4. </head>
  5. <body>
  6.  
  7.         <div class="prostokat cien"></div>
  8.  
  9. </body>
  10.  
  11. <html>
[HTML] pobierz, plaintext

plik style.css:
[HTML] pobierz, plaintext 
  1. html, body { margin: 10px; font-family: helvetica;}
  2.  
  3. .prostokat{
  4. 	position: relative;
  5. 	margin-bottom: 20px;
  6. 	width: 100px;
  7. 	height: 40px;
  8. 	background-color: grey;}
  9.  
  10. .cien{
  11. 	-webkit-box-shadow: inset 0 0 3px 4px#004E5B, 0 0 8px 3px#1CC2EC;
  12. }
[HTML] pobierz, plaintext

I teraz tak, chce zmienić za pomocą js -webkit-box-shadow na box-shadow. Jeżeli chciałbym zmienić np. rozmiar to sprawa jest prosta:
[HTML] pobierz, plaintext 
  1. function zmien_css(){
  2. 		var elements = document.getElementsByClassName('prosotkat');
  3. 		for (i = 0; i < elements.length; i++){
  4.     		elements[i].style.width = 'nowa_wartosc';
  5. 		}
  6. 	}
[HTML] pobierz, plaintext

ale jak usunąć prefix '-webkit-' w klasie cien?
Próbowałem tak:
[HTML] pobierz, plaintext 
  1. elements[i].style.-webkit-box-shadow = elements[i].style.box-shadow;
[HTML] pobierz, plaintext

no ale nie zadziałało (IMG:style_emoticons/default/smile.gif) Wujka google już pytałem o zdanie niestety na razie nie udało mi się u niego znaleźć odpowiedzi. Moja wiedza z js nie jest zbyt duża dlatego szukam pomocy tutaj. Z góry dzięki za odpowiedź/podpowiedź.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 1)
erix
post
Post #2





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Myślę, że to będzie pomocne: http://perfectionkills.com/feature-testing-css-properties/
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 22.08.2025 - 21:25
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn