根据ui文化更改CSS中使用的图像。 asp.net

时间:2017-04-16 22:30:07

标签: javascript c# css asp.net localization

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

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

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

2 个答案:

答案 0 :(得分:0)

在资源文件中添加图像路径,然后就可以像

一样使用它
<div style="background-image: url('@Resources.ImagePath')"></div>

答案 1 :(得分:0)

使用和扩展资源文件是一个可行的选择。另一种选择是以编程方式添加基于文化的二级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数据属性,这样你就可以循环遍历具有特定值的所有元素,并将附加的类信息附加到它们