Forum PHP.pl > Zmiana prefixa stylu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

qdlaty83

25.02.2011, 11:48:37

Cześć, mam taką stronkę:

[HTML] pobierz, plaintext 
<html>
<head>
	<link rel="Stylesheet" type="text/css" href="style.css" />
</head>
<body>
 
        <div class="prostokat cien"></div>
 
</body>
 
<html>
[HTML] pobierz, plaintext

plik style.css:

[HTML] pobierz, plaintext 
html, body { margin: 10px; font-family: helvetica;}
 
.prostokat{
	position: relative;
	margin-bottom: 20px;
	width: 100px;
	height: 40px;
	background-color: grey;}
 
.cien{
	-webkit-box-shadow: inset 0 0 3px 4px#004E5B, 0 0 8px 3px#1CC2EC;
}
[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 
function zmien_css(){
		var elements = document.getElementsByClassName('prosotkat');
		for (i = 0; i < elements.length; i++){
    		elements[i].style.width = 'nowa_wartosc';
		}
	}
[HTML] pobierz, plaintext

ale jak usunąć prefix '-webkit-' w klasie cien?
Próbowałem tak:

[HTML] pobierz, plaintext 
elements[i].style.-webkit-box-shadow = elements[i].style.box-shadow;
[HTML] pobierz, plaintext

no ale nie zadziałało

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ź.

erix

25.02.2011, 12:58:20

Myślę, że to będzie pomocne: http://perfectionkills.com/feature-testing-css-properties/

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.