固定位置元素从屏幕上消失

时间:2015-07-23 13:09:47

标签: html css css-position fixed

我正在为我的投资组合开发一个网站。我希望始终将导航栏保留在屏幕左侧,并且右侧的内容可以滚动浏览。 我已经放入了一个测试按钮,但页面上无处可见按钮。 我已经研究并实现了各种解决方案,但按钮永远不会出现在屏幕上。任何帮助或建议将不胜感激。 这是我的CSS样式表



.WRAPPER {
	text-align:center;
	padding:20px;
}

div.transbox {

	background-color: #ffffff;
	border: 1px solid black;
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}

div.transbox p {

	font-weight: bold;
	color: #000000;
	font-size:60px;
	opacity:1;
}

.HOME {		
	width:100%;
	height:100%;
}

.HEADING {
	font-size:92px;
	font-weight:bold;
	color:black;
	left:0; right:0;
	top: 20%; bottom:0;
}

	
.TITLEBODY {
	font-size:22px;
	color:black;
}

	
.NAVBAR {
	float: left;
	width:30%;
	position:fixed;
}


.BODY {
	float: right;
	width: 70%;
}




这是我的HTML



<html>

<head>
  <link href="styleSheet.css" rel="stylesheet" type="text/css" size:100%>
</head>

<body>
<div class="WRAPPER">
  <div class="HOME">
    <div class="HEADING">
      <p>Alex Hodson
        <br>Portfolio
      </p>
    </div>
  </div>

  <div class="TITLEBODY">
    <div class="NAVBAR">
      <img src="back.png">
    </div>
    <div class="BODY">
      Text will go here
    </div>
  </div>
</div>
</body>

</html>
&#13;
&#13;
&#13;

提前谢谢你 亚历

0 个答案:

没有答案