jQuery로 버튼 제네레이터를 만들고 여러 브라우저에 대한 스타일을 요소에 추가하려고합니다. 나는이 코드를 사용하여이 작업을 수행 :jQuery - 요소에 브라우저 간 CSS 스타일 추가
jQuery('.previewButton').css('background','');
var s = jQuery('.bg_start_color').val();
var e = jQuery('.bg_end_color').val();
jQuery('.previewButton').css('background-color',s);
jQuery('.previewButton').css('background','-webkit-gradient(linear, 0% 0%, 0% 100%, from('+s+'), to('+e+'))');
jQuery('.previewButton').css('background','-webkit-linear-gradient(top,'+s+', '+e+')');
jQuery('.previewButton').css('background','-moz-linear-gradient(top,'+s+','+e+')');
jQuery('.previewButton').css('background','-ms-linear-gradient(top,'+s+','+e+')');
jQuery('.previewButton').css('background','-o-linear-gradient(top,'+s+','+e+')');
난에 직면 문제는 내가 사파리에서 사용할 때 -webkit- 스타일 요소 .previewButton에 적용되는 것입니다. Firefox에서 생성기를 사용할 때 -moz- 스타일이 버튼에 적용됩니다. 데이터베이스에 버튼을 저장하고 지금 당장 작업하고있는 브라우저뿐만 아니라 모든 크로스 브라우저 관련 스타일을 저장하고 싶습니다.
하지만 코드에 모두 적용해야한다고 말하면 브라우저 관련 스타일 만 요소에 적용되는 이유는 무엇입니까? 어떻게 바꿀 수 있습니까? 누군가는 알고 있는가?
감사합니다.
브라우저 고유의 스타일 만 적용되므로 모든 브라우저 자체가 해당됩니다. 웹 브라우저는 그들이 아는 것을 해석하고 그렇지 않은 것은 무시합니다. 그래도 "버튼을 데이터베이스에 저장하는 것"이 무슨 뜻인지 잘 모르겠지만 더 자세히 설명해 주시겠습니까? –
예, 물론입니다. 사용자가 적용한 스타일을 포함하여 previewButton을 데이터베이스에 추가하려고합니다. 확실히 사용자는 사용자가 작업하고있는 브라우저뿐만 아니라 모든 브라우저에서 해석 할 수있는 버튼의 스타일을 저장해야합니다. – Torben
어떤 데이터베이스입니까? 어떻게이 데이터베이스에 저장하고 있습니까? 브라우저의 스타일을 해석하는 대신 스타일을 데이터베이스에 직접 저장해야하는 것처럼 들립니다. –