我正在使用带有国家地图的网站，请参见此处：http://defenddefenders.huritech.org/
挑战在于它具有阿拉伯语翻译选项，而这在选择时会严重扭曲我的CSS，甚至是图像映射。
现在，我正在寻找一个JavaScript解决方案，该解决方案将检测到当选择了阿拉伯语翻译选项时，它将选择其他样式表，例如显示ar_style.css。
我对javascript不太满意，有帮助吗？将不胜感激，谢谢。
翻译由transposh插件完成。
最佳答案
该页面具有的一件事是如下的body标签：
<body class="home page page-id-1011 page-template page-template-template-magazine-php gecko two-col-left width-960 two-col-left-960">
当我切换到阿拉伯语时，我得到：
<body class="rtl home page page-id-1011 page-template page-template-template-magazine-php chrome two-col-left width-960 two-col-left-960">
因此，您已经有了CSS来更改此内容。
如果您指定类似的样式：
body div { /* something */ }
body.rtl div { /* something else */ }
然后，您可以为阿拉伯用户在
body.rtl div中放置替代。对于看起来不对劲的元素，也许可以做到：body.rtl div#whatever {
direction: ltr;
}
这样，您迫使它改变方向。真的，那是创可贴。您需要为阿拉伯用户提供更好的样式。
关于javascript - Javascript代码可检测阿拉伯语翻译并选择阿拉伯语样式表，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8965140/