箱體陰影在micosoft邊緣不起作用

箱體陰影在Microsoft Edge瀏覽器上不起作用。我已經實現後續的部分：（我不是白癡我在頂部）箱體陰影在micosoft邊緣不起作用

<meta http-equiv="X-UA-Compatible" content="IE=edge">

這是我的index.html文件的體：

<body> 
    <div id="wrapper"> 
     <header> 
      <div id="header-inner"> 
       <div id="logo"> 
        <a href="index.html">body</a> 
       </div> 
      <ul> 
       <li><a href="index.html">Home</a></li> 
       <li><a id="sign-in" href="#">Sign in</a> 
        <span id="sign-in-menu"> 
         <div class="arrow-up"></div> 
         <div class="arrow-up-top"></div> 

         <div class="form"> 
          <form action="login.php" method="get"> 
          <input type="text" placeholder="Username" name="inputUser"> 
          <input type="password" placeholder="Password" 
          name="inputPass"> 
          <!-- <input type="checkbox" name="checkbox" id="checkbox" class="css-checkbox"> 
           <label for="checkboxG1" class="css-label">Remember me</label> COOOKKiiieeesss --> 
          </form> 
         </div> 

         <div class="submit-area"> 
          <input type="submit" value="Sign up"> 
         </div> 
        </span> 
       </li> 
       <li><a href="register.html">Sign up</a></li> 
      </ul> 
     </div> 
    </header> 
</div>

懸停CSS盒子陰影代碼：

header li > span input[type=submit]:hover { 
    -webkit-box-shadow: 0 0 0 1px #383e46; 
    -ms-box-shadow: 0 0 0 1px #383e46; 
    box-shadow: 0 0 0 1px #383e46; 
}

來源

2016-10-05 Darcey Mckelvey

如果你沒有''在你的代碼，請填入 –

爲什麼???它在一開始就是標準做法。 –

@Justinas，編輯過的評論..其實我的意思是補充一下 –

你可以看看這個： Box Shadow For Edge

你需要一個額外的元素，但它做的，能夠與過濾。

爲IE 8.0及以上（EGDE版），您可以檢查此：<！DOCTYPE HTML>box-shadow property

來源

2016-10-05 08:08:52 HEGDE

要麼改變CSS來：

header li > a > span input[type=submit]:hover { 
    -webkit-box-shadow: 0 0 0 1px #383e46; 
    -ms-box-shadow: 0 0 0 1px #383e46; 
    box-shadow: 0 0 0 1px #383e46; 
}

或

header li span input[type=submit]:hover { 
    -webkit-box-shadow: 0 0 0 1px #383e46; 
    -ms-box-shadow: 0 0 0 1px #383e46; 
    box-shadow: 0 0 0 1px #383e46; 
}

你已經把一個>的li和span但是span從未代碼結構中的li後直接出現之間。相反，您需要在我的第一個示例中指定a標記，或者刪除>以刪除第二個示例中的特異性。

來源

2016-10-05 08:02:29 alsobubbly

謝謝你，但不幸的是這並不能幫助我的情況，事實上我的css從Microsoft Edge左側和右側被屠殺。我改變了它，它是一樣的。仍然沒有箱子的影子。 –

箱體陰影在micosoft邊緣不起作用

回答

相關問題