Asp.net mvc 3 带ASP.NET MVC3的CSS3PIE
我试图让css3pie与asp.net mvc一起工作,但由于某些原因,它不起作用 我有一个包含内联css的视图,如下所示:Asp.net mvc 3 带ASP.NET MVC3的CSS3PIE,asp.net-mvc-3,razor,css3pie,Asp.net Mvc 3,Razor,Css3pie,我试图让css3pie与asp.net mvc一起工作,但由于某些原因,它不起作用 我有一个包含内联css的视图,如下所示: @{ ViewBag.Title = "Home Page"; } <div> <div class="contentWrapper" style="width:600px;margin:25px auto;"> Hello World <input name="button" value
@{
ViewBag.Title = "Home Page";
}
<div>
<div class="contentWrapper" style="width:600px;margin:25px auto;">
Hello World
<input name="button" value="Button" class="button" type="button" />
</div>
</div>
@section BreadCrumb {
<div class="breadcrumb">
</div>
<div class="pageTitle">
<h1></h1>
</div>
}
@section HeaderContent {
<style type="text/css">
.contentWrapper
{
border: 1px solid #ddd;
padding: 30px 40px 20px 40px;
background: #fff;
/* -- CSS3 - define rounded corners for the form -- */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
/* -- CSS3 - create a background graident -- */
background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#EEE), to(#FFFFFF));
background: -moz-linear-gradient(0% 40% 90deg,#FFF, #EEE);
-pie-background: linear-gradient(#FFF, #EEE);
-webkit-box-shadow:0px 0 50px #ccc;
-moz-box-shadow:0px 0 50px #ccc;
box-shadow:0px 0 50px #ccc;
behavior: url(PIE.htc);
}
</style>
}
@{
ViewBag.Title=“主页”;
}
你好,世界
@面包屑{
}
@章节标题内容{
.contentWrapper
{
边框:1px实心#ddd;
填充:30px40px20px40px;
背景:#fff;
/*--CSS3-定义表格的圆角--*/
-webkit边界半径:10px;
-moz边界半径:10px;
边界半径:10px;
/*--CSS3-创建背景凹痕--*/
背景:-webkit梯度(线性,0%0%,0%40%,从(#EEE)到(#FFFFFF));
背景:-莫兹线性梯度(0%40%90度,#FFF,#EEE);
-饼图背景:线性梯度(#FFF,#EEE);
-网络工具包盒阴影:0px 0 50px#ccc;
-moz盒阴影:0px 0 50px#ccc;
盒影:0px 0 50px#ccc;
行为:url(PIE.htc);
}
}
我曾尝试将PIE.htc文件放在我的项目的根目录、views目录和许多其他地方,但它在IE8及以下版本中似乎不起作用。htc文件到底应该放在哪里?如何通过内联css和外部样式表正确引用它
谢谢,我收到了。将其与CSS文件一起添加到内容文件夹,然后针对CSS文件中的行为执行以下操作:
behavior: url('../../Content/PIE.htc');
不管怎么说,它对我起了作用。我明白了。将其与CSS文件一起添加到内容文件夹,然后针对CSS文件中的行为执行以下操作:
behavior: url('../../Content/PIE.htc');
无论如何,它对我有效。您是否确认该文件是通过浏览器下载的,或者是通过web开发控制台下载的,或者是通过fiddler下载的?是的,看起来它正在下载,但是内容类型应该是text/x-component吗?您是否确认该文件是通过浏览器下载的,使用web开发控制台或fiddler?是的,它看起来像是在下载它,但内容类型应该是text/x-component吗?