CSS3PIE с ASP.NET MVC3 - PullRequest
Новая
       16

CSS3PIE с ASP.NET MVC3

1 голос
/ 05 августа 2011

Я пытаюсь заставить 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="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> 

}

Я пытался поместить файл PIE.htc в корневой каталог моего проекта, в каталог views и во многих других местах, но не похоже, что он работает в IE8 и ниже. Куда именно должен идти файл htc и как мне правильно ссылаться на него через встроенную CSS и внешнюю таблицу стилей?

Спасибо

1 Ответ

5 голосов
/ 05 августа 2011

Я понял.Добавьте его в папку Content вместе с вашим CSS-файлом, затем для поведения в CSS-файле выполните: 

behavior: url('../../Content/PIE.htc');

В любом случае, у меня это сработало.

...