兼容性检查浏览器 Web 开发 CSS

如何使服务器控件与浏览器兼容

ASP.NET 社区

0/5 (0投票)

2013 年 10 月 11 日

CPOL

8505

简介在现代 Web 开发中，我们需要检查网页的浏览器兼容性。这可能包括更改 css 类，

引言

在现代 Web 开发中，我们需要检查网页的浏览器兼容性。这可能包括更改 css 类、样式以修复设计问题。使用 ASP.NET，我们可以在不编写任何代码的情况下检查服务器控件的浏览器兼容性。

让我们查看一些代码示例

如果我们定义如下 css 类：
.IEStyle{color:Red;}
.FFStyle{color:Blue;}
.DefaultStyle{color:Black;}

在页面中创建一个 Label 控件。
Label 控件

<asp:Label ID="lblTest" runat="server" ie:CssClass="IEStyle"

mozilla:CssClass="FFStyle" CssClass="DefaultStyle" ie:Text="你正在 使用 Internet


explorer。" mozilla:Text="你正在 使用 Firefox。" Text="你正在 使用 其他浏览器。"   

/>


只需在不同的浏览器中运行页面，即可看到如下变化

输出
IE : 你正在使用 Internet explorer。
FF : 你正在使用 Firefox。
其他 : 你正在使用其他浏览器。
 
你可以尝试对 TextBox 控件执行相同的操作。
TextBox 控件
<asp:TextBox ID="TestTextBox" runat="server" ie:Text="You are in Internet explorer."  
mozilla:Text="You are in Firefox." Text="You are in other browser." ie:CssClass="IEStyle"  
mozilla:CssClass="FFStyle" 
CssClass="DefaultStyle" />
 
 我们可以对所有服务器控件使用这些设置。
对于为不同的浏览器加载不同的 css 文件，可以使用以下方法

<link runat="server" href="~/Styles/Site.css" mozilla:href="~/MOZStyleSheet.css" ie:href="~/IEStyleSheet.css" rel="stylesheet" type="text/css" />
注意：在 Visual Studio 中，上述内容没有 IntelliSense 提示。