Css/browser compatibility/joomla

Question

죄송합니다. 이전에 답변을 드렸을 지 모르겠지만 특정 상황에 대한 구체적인 대답을 할 수는 있습니다. 나는 기본적인 CSS 이외의 모든 새로운 있습니다.

내가 말하는 의미를 설명하는 가장 좋은 방법은 다양한 브라우저에서 사이트를 보는 것입니다. http://www.livingwithaddicts.com/ .

나는 이것을 Joomla CMS (version2.5)를 사용하여 자선 단체에 기부했습니다.

Firefox에서 사이트를 보는 경우 (현재는 끝나지 않았으므로) 어떻게 보는지 의미합니다. Chrome에서는 괜찮 으면서 Opera에서 쉽게 해결할 수있는 위치 문제와는 별도로 통행 할 수 있습니다.

그러면 IE에 도착하고 배경을 추가했습니다. # 485fc5;을 사용하여 원하는대로 부분 렌더링하고 양식에서 bg를 얻으려고 동일한 작업을 수행합니다.

나는 IE에서 받아 들일 수 있도록 다른 스타일을 연구하고 싶습니다. 그래디언트 또는 텍스트 섀도 잉을 그래픽으로 대체하는 경로를 따라 가고 싶지 않습니다.

누군가가 IE에서 볼 때만 호출되는 CSS 집합이 떨어져 있습니까? 그렇다면 어떻게해야합니까? 이것은 해킹으로 알려진 것입니까?

다른 가능성은 Joomla를 사용하면서 일부 인라인 스타일을 특정 콘텐츠에 넣어야한다는 것입니다. 생성 된 코드 중 일부가 불쾌하거나 조금 복잡 할 수도 있습니다. 이것이 렌더링 방법에 영향을 미칠까요? 또한

나는 서둘러 (느리게) C &는 CSS의 덩어리를 p'ed 및 기존 CSS에 통합하는 16 진수 값을 수정했습니다. (사람에 지금은 사과, 승인과 한숨) 이것은 최대 수 없습니다 날짜 구문과 나는 단지 웹킷에 대해 들었습니다. 그래서 초심자입니다.

나는 그것을 여기에 붙여 넣고 잘하면 자신을 많이 곤란하게하지 않을 것이다. 누구든지 외모를 원한다면 (또는 웃음) 다음과 같이하십시오. 나는 정말로 조언을 해줄 것이다. 여기에 코드가 있습니다.

body { 
    background: #485fc5;  
    background-image: linear-gradient(bottom, #485fc5 13%, #6e86ee 57%, #a0b0f5 79%); 
    background-image: -o-linear-gradient(bottom, #485fc5 13%, #6e86ee 57%, #a0b0f5 79%); 
    background-image: -moz-linear-gradient(bottom, #485fc5 13%,#6e86ee 57%, #a0b0f5 79%); 
    background-image: -webkit-linear-gradient(bottom, #485fc5 13%,#6e86ee 57%, #a0b0f5 79%); 
    background-image: -ms-linear-gradient(bottom, #485fc5 13%, #6e86ee 57%, #a0b0f5 79%); 
    background-image: -webkit-gradient(
    linear, 
    left bottom, 
    left top, 
    color-stop(0.13, #485fc5), 
    color-stop(0.57, #6e86ee), 
    color-stop(0.79, #a0b0f5)); 
} 

Answer 1

귀하의 질문에 대한 구체적인 대답은 아니지만 귀하의 도움이 될 것입니다.

특정 기능을 지원하지 않는 브라우저를 타겟팅하려면 Modernizr을 사용하십시오. IE를 구체적으로 타겟팅 할 수는 없지만 특정 속성이 지원되는지 여부를 나타내는 클래스를 body 태그에 추가합니다. 그런 다음 해당 클래스에이 방법을 사용하여 사람들을 타겟팅 할 수 있습니다 :

/* target browsers that don't support gradients */ 
.no-cssgradients { 
    background-image: url(some-gradient-image); 
} 

/* a randomly chosen element on a page that doesn't support border radius */ 
.no-cssborderradius #some-element { 
    border: 1px solid red; 
} 

이 방법 만 그라디언트, 반경 또는 기타 CSS 속성 수십를 처리 할 수 ​​없습니다 IE뿐만 아니라 다른 브라우저를 타겟팅 할 수 없습니다.

또한 간단한 그라디언트, 테두리 반경 및 상자 그림자의 경우 CSS3 PIE을 사용할 수 있습니다. 그러면 IE (6 이상)에서 이러한 기능을 사용할 수 있습니다.