lundi 11 avril 2016

html helper link not working in ie

I have the following html code:

 <div class="main">
   <div class="container">
     <button class="btn btn-default">
        @Html.ActionLink("Explore", "Explore")
    </button>
    </div> </div>

The button is styled as below:

.main .btn{
 margin-left:600px;
-moz-transition: box-shadow 0.5s;
-o-transition: box-shadow 0.5s;
-webkit-transition: box-shadow 0.5s;
transition: box-shadow 0.5s;
background: transparent;
border:1px solid #7b278e;
}
.main .btn a{
    color:#7b278e;
    text-decoration:none;
 }

.main .btn:hover{
    box-shadow:3px 3px 6px #7b278e;
    font-weight:600;
    border:1px solid #7b278e;
 }

The link works fine in chrome, but not in IE. Ive not much idea about browser compatibility. Plz help!

Aucun commentaire:

Enregistrer un commentaire