CssFrindly使用

这是微软开发的，现由公共社区维护的一个东西。用于对.NET 2.0中的有些控件生成的html代码进行转化，将其转化为DIV+CSS形式，以符合目前的网络标准。除此之外，它的另一个用处是，使我们可以比较容易地定制这些控件的外观。其中包括MENU，gridView，DetailsView等

下载地址： http://download.microsoft.com/download/b/a/3/ba3aee5e-2e28-4056-9e71-036b2e7f58af/ASPNETCssFriendlyAdapters.vsi

安装之后，创建一个模板站点，按F5运行一遍，以产生CSSFriendly.dll文件

然后将模板站点中的CSS，APP_Themes，APP_Browsers，BIN,JavaScript这几个文件夹拷贝到自己的网站根目录之下。

以使用menu控件为例，使用Basic主题。修改web.config文件，加入以在所有页面中使用模板主题，在页面中添加menu控件使用SiteMapDataSource数据源，

编辑web.sitemap文件供SiteMapDataSource控件使用。

修改SiteMapDataSource控件属性，将ShowStartNode设为false。

设置menu控件的skinID="SampleMenuHorizontal" cssSelectorClass="PrettyMenu" 按下F5测试效果。

 

简单方法解决ASP.NET Menu控件在Chrome浏览器显示问题

 

方法很简单，在ASP.NET网站项目中添加Others.browser内容如下，这样菜单在Safari3和Google浏览器下就都可以正常显示了

 

<browsers>
    <browser id="Safari3" parentID="Safari1Plus">
        <identification>
            <userAgent match="Safari/\d+\.\d+" />
        </identification>
        <capture>
            <userAgent match="Version/(?'version'\d+\.\d+)" />
        </capture>
        <capabilities>
            <capability name="browser" value="Safari3" />
            <capability name="version" value="${version}" />
        </capabilities>
        <controlAdapters>
            <adapter controlType="System.Web.UI.WebControls.Menu"
                     adapterType="" />
        </controlAdapters>
    </browser>
    <browser id="GoogleChrome" parentID="Safari3">
        <identification>
            <userAgent match="Chrome/(?'version'\d+\.\d+)" />
        </identification>
        <capabilities>
            <capability name="browser" value="Googlebot" />
        </capabilities>
    </browser>
</browsers