位置是：固定类冲突的与this.src

我类固定内容似乎是从改变其使用src.this 在HTML位置是：固定类冲突的与this.src

<!DOCTYPE html> 
<html lang="en" > 
<head> 
<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<title>Blah</title> 
<link href="https://fonts.googleapis.com/css?family=Mada:900" rel="stylesheet"> 
<link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i" rel="stylesheet"> 
<link href="https://fonts.googleapis.com/css?family=Francois+One" rel="stylesheet"> 
<script src="https://use.fontawesome.com/07f9f0d505.js"></script> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous"> 
<link href="css/style.css" rel="stylesheet"> 
</head> 

<body> 

    <div class="container-fluid"> 
     <div class="row"> 

      <div class="fixed-content col-md-1 hidden-sm-down"> 

       <div class="row"> 
        <div class="col-md-12 firstSideMenuElement"> 
         <a href="desmond.html"><img class="sideMenu" src="images/Desmond_blank-01.png" onmouseover="this.src='images/Desmond_mouseover-01.png'" onmouseout="this.src='images/Desmond_blank-01.png'"></a> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</body> 

</html>

CSS的

.fixed-content{ 
    top: 0; 
    /*bottom:0;*/ 
    right: 0; 
    position:fixed; 
    overflow-y:scroll; 
    overflow-x:hidden; 
}

一个图像的onmouseover停止当我从html中删除这个类时，onmouseover可以正常工作。

UPDATE：此代码是https://sonjadorlas.github.io/Website/desmond.html

工具栏菜单中包含四个图像应该稍微改变的onmouseover。当我向下滚动页面时，该菜单被固定为我想要的。但是，当我将鼠标悬停在侧边栏菜单中时，它们不会改变。如果我滚动回页面的顶部，则在鼠标悬停时行为再次正确。

SOLUTION：

/* SIDE BAR */ 
.fixed-content{ 
    top: 0; 
    right: 0; 
    z-index: 100; 
    position:fixed; 
    overflow-y:scroll; 
    overflow-x:hidden; 
}

感谢

来源

2017-02-09 Shane G

那么很可能需要惹'Z-index'。尝试将'img'元素上的'z-index'设置为100，或者这样，并让我们知道结果。如果不是，请提供一个重复此问题的小提琴。 – forrestmid

你的代码工作正常。 http://codepen.io/anon/pen/rjqEBm请给我们一个工作，可验证的问题演示。 –

谢谢我已经更新了这个问题。 –

我认为你的问题已与z-index您.fixed-content做。您需要确保z-index的位置高于其他内容。

尝试增加这样的事情：

.fixed-content{ 
    z-index: 10; 
}

来源

2017-02-10 15:04:45 forrestmid

这很好地解决了它！谢谢 –

位置是：固定类冲突的与this.src

回答

相关问题