Asp.net ASPX+gradient SVG不适用于Visual Studio 2010
我最近在设计网页时遇到了一个问题。我需要有圆角和渐变背景。对于IE6-8，Firefox和Chrome，我已经用它解决了。因为我想出的IE 9不适合派。当我在本地机器上测试时，没有问题。一切都好。但是当我粘贴到我的VS2010项目时，什么也没发生，因为找不到.svg。从未接触过？还是VS2010问题？。这是我的密码： default.aspx gradients.svgAsp.net ASPX+gradient SVG不适用于Visual Studio 2010,asp.net,css,visual-studio-2010,internet-explorer,svg,Asp.net,Css,Visual Studio 2010,Internet Explorer,Svg,我最近在设计网页时遇到了一个问题。我需要有圆角和渐变背景。对于IE6-8，Firefox和Chrome，我已经用它解决了。因为我想出的IE 9不适合派。当我在本地机器上测试时，没有问题。一切都好。但是当我粘贴到我的VS2010项目时，什么也没发生，因为找不到.svg。从未接触过？还是VS2010问题？。这是我的密码： default.aspx gradients.svg 提前谢谢 我想我可能会晚一点玩这个游戏，但是如果你仍然有这个问题，那么我可能会为你提供一个解决方案： ASP.Net开发服务器
提前谢谢 我想我可能会晚一点玩这个游戏，但是如果你仍然有这个问题，那么我可能会为你提供一个解决方案： ASP.Net开发服务器不能为SVG服务。对我和整个开发团队有效的解决方案是让IIS运行，并将项目配置为使用IIS作为服务器环境运行。另一个解决方案是只在页面内容中使用内联SVG数据，但我不建议这样做；我觉得很乱 这就是各种各样的线程向我展示的解决方案，还有一个或两个网页，这些链接我都忘了归档。不幸的是，我也遇到了身份验证问题，并且不得不研究一个单独的解决方案。以下是我发给开发团队的汇编指令列表，为了不成为一本书，我将其压缩了一点，细节更少： 注意：以下大多数步骤都需要本地计算机上的管理帐户，或者如果您在AD域上，则需要Active Directory管理员帐户，或者要求域管理员授予您本地管理员权限-这就是我所做的 启用IIS和Windows身份验证 注意：如果这对您不起作用，那么您可能需要从头开始安装IIS 转到开始>控制面板>程序和功能>打开和关闭Windows功能 在功能列表中，选中Internet信息服务旁边的框，然后展开树并导航到Internet信息服务>万维网服务>安全，然后选中Windows身份验证旁边的框。单击“确定”。 配置IIS 打开“开始”菜单并在搜索框中输入IIS。按Enter/Return打开它。 添加一个新站点，确保使用正确的应用程序池“我的应用程序是MVC”，依赖.NET 4.0，并将目录指向本地目录，在该目录中存储我保存在C:\Projects\中的项目副本。确保指向web应用程序的根文件夹，而不是项目的根文件夹如果使用MVC，正确的文件夹将直接包含模型/视图/控制器文件夹。为站点提供一个端口号，这只是虚构的，令人难忘的，但是如果您计划同时在这台机器上测试多个项目，请不要使用80。单击“确定”。 在树顶部的主服务器配置窗格中，选择MIME类型，并确保列表中有一个类似.svg | image/svg+xml的条目-如果不存在，请自己添加。 在新网站的配置窗格中，选择“身份验证”。禁用除Windows身份验证以外的所有形式的身份验证-启用该身份验证。 注意：如果ASP.NET v4.0应用程序池不在步骤2中的列表中，请执行以下应急步骤： 应用程序池应急 注意：这些步骤仅用于在IIS管理器中选择应用程序池时ASP.NET v4.0不是选项的情况 打开一个命令终端。 键入cd C:\Windows\Microsoft.NET\Framework64 Framework64文件夹名称可能不同，因此您可能需要在C:\Windows\Microsoft.NET目录中查找它。按回车键。 键入dir以列出此文件夹的内容。查找类似v4.0.30319的文件夹名，然后将cd放入其中。 输入aspnet_regais-ir。按回车键。 完成后，关闭终端窗口并关闭/重新打开IIS管理器，然后再次启用Windows身份验证。 现在，要预览您的网站，请将VS2010项目配置为指向http://localhost: 其中是您在配置IIS的步骤2中输入的端口号。您还需要为Windows身份验证配置项目 请注意，这些说明仅在使用IIS 7.5的Windows 7 Enterprise edition上进行了个人测试。即使您的环境与我的相同，您的应用程序也可能不同，因此您可能需要修改我的一些步骤 我希望我在这里能有所帮助，而不是多余的。我想我可以把所有的步骤都集中在一个地方，而不是只给你一堆链接，然后祝你好运。如果您或任何人希望更详细地了解上述步骤，我可以更明确；我只是假设对Windows、IIS和Visual Studio有一定程度的熟悉 如果我找到上面提到的链接，我会编辑这篇文章并将其包括在内
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>Sample</title>
<style type="text/css" media="screen">
.svgWorkPlease
{
border-radius: 100px;
box-shadow: 0px 2px 4px #999;
margin:20px;
height:500px;
width:500px;
background-repeat: repeat-x;
background-position-x: 0px;
background-position-y: 100%;
filter:none;
background-image: url(gradients.svg);
background-size: 100% 200%;
}
</style>
</head>
<body>
<div class="svgWorkPlease">Hmmmmm....</div>
</body>
</html>
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100" height="200" version="1.1" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:rgb(255,255,0);stop-opacity:1" />
<stop offset="100%" style="stop-color:rgb(255,0,0);stop-opacity:1" />
</linearGradient>
<linearGradient id="grad2" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:rgb(0,255,255);stop-opacity:1" />
<stop offset="100%" style="stop-color:rgb(0,0,255);stop-opacity:1" />
</linearGradient>
</defs>
<rect x="0" y="0" width="100" height="100" style="fill:url(#grad1)" />
<rect x="0" y="100" width="100" height="100" style="fill:url(#grad2)" />
</svg>