使用CSS文件进行站点本地化

Question

我正在创建一个使用ASP.net MVC 2.0的网站,该网站使用两种不同的语言(英语和波斯语).我希望这些语言有两种不同的布局,英语从左到右,波斯语从右到左布局.

我想到的是,如果我可以有两个不同的css文件,比如当你用字符串或图像本地化来完成网站的工作时,问题是我需要知道如何做到这一点!

关于如何执行此操作的任何其他建议将是有帮助的.

Answer 1

你可以阅读:

在您的网页中:

每个带有文字的图像都应该被翻译(图像和alt); 每个具有方向性的图像都应该颠倒(例如:箭头)
尽量避免类命名,就像class="left"你不希望将来头痛一样.顶部,底部,之前或之后都OK,但不左/右(编辑:start和end现在在CSS3使用,以避免LTR和RTL的这个确切的问题可能比好.*-before并且*-after已经用于假点用冒号).
你必须查看各CSS指令text-align,background-position,float,clear,显然left并right用position: absolute/relative;.新的CSS3指令也要审查(动画等).
不同的字体需要不同的字体大小(虽然这个问题主要涉及亚洲字体)
对于任何其他受支持的语言,应翻译模板中的许多文本.

如上面的链接所述,使用HTML属性dir="rtl".你还需要一个类(on body或some包含div一个巨大的开关来满足你的设计需求.就像

.en .yourclass { background: url(images/en/bg.jpg) } 
.ar .yourclass { background: url(images/ar/bg.jpg) }

由于包含IE8,属性选择器也是如此.

:lang(ar) .yourclass { background: url(images/ar/bg.jpg) }
or
[lang|="ar"] .yourclass { background: url(images/ar/bg.jpg) }