2017-01-18 4 views
0

私は過去に経験したことのない非常に奇妙な問題に直面しています!!HTMLリンクはプレーンテキストとして表示されています

<div> 
    <a href="https://www.facebook.com/">Facebook</a> 
</div> 

を残念ながら、それはプレーンテキスト「フェイスブック」として表示されないようにクリック可能なリンクテキスト、次のように私は私のウェブサイトにHTMLリンクを持っています!

このような奇妙な行動の背景には、どのような原因が考えられますか?専門家からの助けを期待する!!ここで

は完全なコードです:

@{ 
    ViewBag.Title = "News"; 
} 

<link rel="stylesheet" type="text/css" href="~/Content/css/pixeden-icons.css"> 

<link rel="stylesheet" href="~/Content/css/main.css"> 

<div id="banner-area"> 
    <img src="~/Content/images/banner/banner2.jpg" alt="" style="width: 100%; height: 350px;" /> 
    <div class="parallax-overlay"></div> 
    <!-- Subpage title start --> 
    <div class="banner-title-content"> 
     <div class="text-center"> 
      <h2>News and Events</h2> 
      <ul class="breadcrumb"> 
       <li>@Html.ActionLink("Home", "Index", "Home")</li> 
       <li>@Html.ActionLink("News and Events", "News", "NewsAndEvents")</li> 
      </ul> 
     </div> 
    </div><!-- Subpage title end --> 
</div><!-- Banner area end --> 


<div> 
    <a href="https://www.facebook.com/">FaceBook</a> 
</div> 


<div class="container archive"> 
    <div class="pageContentArea archive-content"> 


     <div class="timeline-wrap"> 
      <article> 
       <time datetime="2015-01-31 08:30:45.687">26 jan,2015</time> 

       <div class="article_inner"> 
        <h1>The Lego Movie” snubbed at the Oscars</h1> 
        <img src="~/Content/images/News/img1.jpg" alt="" /> 


        <p> 
         Pellentesque quis sapien eleifend aliquet, morbi ideru dictum finibus blandit. Phasellus a iaculis hiri habitase platea dictumst neque, tincinq mangas. 
         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
         tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
         quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 
         consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse 
         cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non 
         proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 
         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
         tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
         quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 
         consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse 
         cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non 
         proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 
        </p> 
        <!-- <a class="readMore" href="#">Read More..</a> --> 
       </div> 
      </article> 


     </div><!--timeline-wrap--> 

    </div><!--pageContentArea--> 

</div><!--container--> 




@section scripts { 
    <script src="~/Scripts/js/jquery.dlmenu.js"></script> 
    <script src="~/Scripts/js/jquery.sticky.js"></script> 
    <script src="~/Scripts/js/main.js"></script> 
} 

感謝!!

+1

あなたは 'a {text-decoration:none;}のようなものがあるかもしれません。色:#000000} 'スタイルシートの – elementzero23

+0

のリンクはクリック可能です。それはリンクとして表示されませんが –

+0

開発者コンソールのリンク要素を調べます(要素を右クリック - > inspect) – elementzero23

答えて

0

問題はあなたのhtml構文ではありません。すべては<a href="https://www.facebook.com/">FaceBook</a>で大丈夫です。おそらくそれはあなたのCSSファイルの(text-decoration: none)スタイルによってオーバーライドされています。これは<head>セクションに含まれています。問題をデバッグするには、アンカータグにtext-decoration:underline(デフォルト値)を設定し、ブラウザの検査から、他のスタイルやスクリプトによって上書きされないようにしてください。

関連する問題