パーシャルビューは、リンクがなくても間違ったCSSスタイルシートを使用します

最初に "showCatButton.cshtml"という部分ビューを作成し、CategoryList2.cssスタイルシートに関連付けました。パーシャルビューは、リンクがなくても間違ったCSSスタイルシートを使用します

body { 
 

 
} 
 

 
#mainMenu{ 
 
    left:0px; 
 
    position:fixed; 
 
    top:50%; 
 
    transform: translateY(-50%); 
 
    list-style-type:none; 
 
} 
 
.subMenu { 
 
    list-style-type:none; 
 
} 
 
li 
 
{ 
 
    width:300px; 
 
    height:50px; 
 
    border-radius:5px; 
 
    background:linear-gradient(to bottom, #45484d 0%,#000000 100%); 
 
    color:white; 
 
    border:1px solid black; 
 
    text-align:center; 
 
} 
 
li:hover 
 
{ 
 
    color:black; 
 
    background:linear-gradient(to bottom, #e6e6e6 30%,#e6e6e6 40%,#e6e6e6 50% 
 
    , #f2f2f2 60%, #f2f2f2 70%, #f2f2f2 80%, #f2f2f2 90%, #f2f2f2 100%); 
 
} 
 
#mainMenu li ul { 
 
    display:none; 
 
} 
 
#mainMenu li:hover ul { 
 
    display:block; 
 
    position:absolute; 
 
    top:0px; 
 
    left:300px; 
 
}

<html> 
 
<head> 
 
    <meta name="viewport" content="width=device-width" /> 
 
    <link type="text/css" rel="stylesheet" href="~/Content/CategoryList2.css"/> 
 
</head> 
 

 
<body> 
 
     <ul id="mainMenu"> 
 
     some-unimportant code. 
 
     </ul> 
 
</body> 
 
</html>

次の私は、コードを次のヘッダー部分view.Withを作成しました。

<html> 
 
<head> 
 
    <meta name="viewport" content="width=device-width" /> 
 
</head> 
 

 
<body> 
 
    <script src='@Url.Content("~/Scripts/jquery-3.1.0.min.js")' type="text/javascript"></script> 
 
    <script src='@Url.Content("~/Scripts/jquery-ui-1.11.4.min.js")' type="text/javascript"></script> 
 
    <div id="Header"> 
 
     <ul> 
 
      <li> 
 
       Main 
 
      </li> 
 
      <li> 
 
       Delivery methods 
 
      </li> 
 
      <li> 
 
       About shop 
 
      </li> 
 
      <li> 
 
       Contacts 
 
      </li> 
 
     </ul> 
 
    </div> 
 

 

 
</body> 
 
</html>

でもリンクすることなく、それは私がすべてのリンクを追加しなかったのCategoryList2.css stylesheet.Inのにもかかわらずを使用しています。 coodeに従って、リンクに部分的なビューを追加します。

@using OnlineShop.Models; 
 
@using System.Data.Entity; 
 

 

 
    @{ 
 
     Layout = null; 
 
    } 
 
<html> 
 
<head> 
 
    
 
    <meta name="viewport" content="width=device-width" /> 
 
    <title>Main page</title> 
 
    <link type="text/css" rel="stylesheet" href="~/Content/MainPage.css" /> 
 
</head> 
 
<body> 
 

 
    <div> 
 
     @Html.Partial("~/Views/PartialViews/Header.cshtml") 
 
    </div> 
 
    <div id="CategoryList"> 
 
      @Html.Partial("~/Views/PartialViews/showCatButton.cshtml") 
 
    </div><br/> 
 
</body> 
 
</html>

問題が何ですか？

出典

2016-07-19 Faradey Inimicos

これらは部分的な表示ではなく、完全なHTMLページです。部分ビューは親ビュー内に含まれるhtmlの一部と考えることができます。 HTMLの本文タグや頭文字タグは使用しないでください。あなたはすでにそれらを親から継承します。

私はスタイルとスクリプトを親ページである1か所に保持します。あなたの部分的な見解で利用可能なものがすべてあると仮定します。

出典

2016-07-19 20:00:09

私はタグを削除し、同じ問題が発生します。私はリンクタグを使用しないと、一部のビューはデフォルトでスタイルシートを使用する必要がありますか？ –

あなたのページが読み込まれたらhtmlを見て、どのスタイルシートが読み込まれているのかを簡単に見てください –

パーシャルビューは、リンクがなくても間違ったCSSスタイルシートを使用します

答えて

関連する問題