i implemented gridviewscroll http://gridviewscroll.aspcity.idv.tw/demo.aspx#freeze on web application menu seems hide behind gridview in below picture:
the actual menu looks on other webforms:
my question how send gridview behind or how else can work around issue?
p.s. if need code clarify things, ask me.
it works on other gridviews, tried increasing z-index doesn't work.
nav ul ul { display: none; } nav ul li:hover > ul { display: block; } nav ul { background: #fff4d5; background: linear-gradient(top, #fff4d5 0%, #bbbbbb 100%); background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); background: -webkit-linear-gradient(top, #fff4d5 0%,#bbbbbb 100%); box-shadow: 0px 0px 9px rgba(0,0,0,0.15); padding: 0 20px; border-radius: 10px; list-style: none; position: relative; display: inline-table; } nav ul:after { content: ""; clear: both; display: block; } nav ul li { float: left; } nav ul li:hover { background: #66ffff; background: linear-gradient(top, #663300 0%, #663300 40%); background: -moz-linear-gradient(top, #663300 0%, #663300 40%); background: -webkit-linear-gradient(top, #663300 0%,#663300 40%); } nav ul li:hover { color: #cc3300; } nav ul li { display: block; padding: 25px 40px; color: #fff4d5; text-decoration: none; z-index:-1; } nav ul ul { background: #66ffff; border-radius: 0px; padding: 0; position: absolute; top: 100%; } nav ul ul li { float: none; border-top: 1px solid #6b727c; border-bottom: 1px solid #575f6a; position: relative; } nav ul ul li { padding: 15px 40px; color: #663300; } nav ul ul li a:hover { background: #fff4d5; } nav ul ul ul { position: absolute; left: 100%; top:0; }
you need increase z-index
property menu css