나는 순수한 CSS 번역을위한 솔루션을 stackoverflow에서 찾았습니다. CSS에서 Here.순수 CSS 웹 사이트 번역
내가 가진 :
function setLang(lang) {
document.getElementsByTagName('html')[0].setAttribute('lang',lang);
}
:
<html lang="sl">
및 LANG의 변화를
<div class="sl">Pozdravljeni</div>
<div class="en">Hello</div>
내가 JS를 사용하여 속성 : HTML에서
.en, .sl { display:none; } /* hide all elements with a language class */
.en:lang(en), .sl:lang(sl) { display:block; } /* show those elements that match their language class */
Chrome의 내 컴퓨터에서 정상적으로 작동합니다. 그것은 내 아이폰에서 작동합니다. ipad 미니에. 하지만 Chrome의 내 여자 친구 컴퓨터에서는 작동하지 않습니다. 그리고 IE에는 없습니다.
그리고 IE에서는 내 컴퓨터에서 작동하지 않는 것 같습니다.
문제가 CSS에 있습니다. 이 코드 :
.en, .sl { display:none; }
작품이되지는 :
.en:lang(en), .sl:lang(sl) { display:block; }
내가 잘못이 무엇인지를 알아낼 수 없습니다.
': lang' 가상 클래스는 버전 8까지 IE에서 작동하지 않으며''이 필요할 수 있습니다. 버전 1부터 Chrome에서 지원되었으므로 컴퓨터에서 작동하는 경우 해당 버전이 작동해야합니다. 'html'대신 'body'에 언어 설정을 시도해 볼 수 있습니다. –
지원하는 모든 언어로 모든 컨텐츠를 추가 하시겠습니까? – GolezTrol
그게 이상한거야. 두 가지 크롬에서 모두 동일하게 작동하지 않습니다. – Kiki