Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div id="a">
- <div id="b">bbb</div>
- <div id="c">
- <ul>
- <li>a</li>
- <li class="current">b</li>
- <li>c</li>
- <li>d</li>
- </ul>
- </div>
- </div>
- <div id="d">dddd
- </div>
- #b {
- background: orange;
- box-shadow: 0 0 10px black;
- z-index: 2;
- position: relative;
- }
- #c {
- background: red;
- z-index: 1;
- position: relative;
- }
- ul {
- list-style: none;
- margin: 0;
- padding: 0;
- z-index: 1;
- position: relative;
- }
- li {
- display: inline-block;
- padding: 2px 5px;
- }
- .current {
- background-color: orange;
- z-index: 3;
- position: relative;
- }
- #d {
- box-shadow: 0 0 10px black;
- z-index: 2;
- }
- #b {
- background: orange;
- z-index: 2;
- position: relative;
- }
- #c {
- background: red;
- -webkit-box-shadow: inset 0 10px 10px -10px black;
- -moz-box-shadow: inset 0 10px 10px -10px black;
- box-shadow: inset 0 10px 10px -10px black;
- z-index: 1;
- position: relative;
- }
- ul {
- list-style: none;
- margin: 0;
- padding: 0;
- z-index: 1;
- position: relative;
- }
- li {
- display: inline-block;
- padding: 2px 5px;
- }
- .current {
- background-color: orange;
- z-index: 3;
- position: relative;
- }
- #d {
- box-shadow: 0 0 10px black;
- z-index: 2;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement