根据 ui 文化更改 CSS 中使用的图像。网答案

【问题标题】：Change image used in CSS based on ui culture. asp.net根据 ui 文化更改 CSS 中使用的图像。网
【发布时间】：2017-04-16 22:30:06
【问题描述】：

如何在我的 asp.net 网页中使用基于 uiculture 的不同图像。我可以通过资源文件更改字符串。但我怎样才能改变图像。下面是我的代码的示例。即，我有一个 A 标签和一个分配给它的类，该类是在 CSS 中定义的。并且在课堂上使用了背景图片。现在我怎样才能让我的网站根据文化选择不同的图像。任何人都可以在这方面提供帮助..

In default.aspx file
<a class="classproperties">

In mystylesheet.css file
 .classproperties { 
      background-image: url(../img/myimg.png);    
   }

【问题讨论】：

“基于文化”是什么意思？
是的。对于 en-US，我使用图像并且需要为另一个文化示例加载不同的图像 fr-FR

标签： javascript c# css asp.net localization

【解决方案1】：

在资源文件中添加图片路径，然后就可以像这样使用了

<div style="background-image: url('@Resources.ImagePath')"></div>

【讨论】：

【解决方案2】：

使用和扩展资源文件是一个可行的选择。另一种选择是以编程方式添加基于辅助文化的 CSS 文件。

随着搜索引擎变得越来越智能，您可以使用 javascript 将基于文化的类信息添加到将要更改的元素中，然后级联样式表

 .classproperties { background-image: url(../img/generic.png); }
 .classproperties .enUS { background-image: url(../img/enUS.png); }
 .classproperties .frFR { background-image: url(../img/frFR.png); }
 .classproperties .frCA { background-image: url(../img/frCA.png); }

这种方法的美妙之处在于 jQuery 和其他框架可以利用元素上的 HTML5 数据属性，这样您就可以遍历所有具有特定值的元素并将附加的类信息附加到它们

【讨论】：