margin-left: -575px; соответственно для min-width: 1150px; но нифига не вышло, как сделать блок по центру экрана при position: absolute; ?
CODE (html):
скопировать код в буфер обмена
скопировать код в буфер обмена
- <style>
- @media only screen and (min-width: 1280px) {
- .dropdown
- {
- display: inline-block;
- position: relative;
- }
- .dropdown-content
- {
- opacity: 0;
- visibility: hidden;
- position: absolute;
- z-index: -1;
- background-color: #121212;
- min-width: 1150px;
- left: 50%;
- margin-left: -575px;
- transition: opacity 1s;
- }
- .dropdown:hover .dropdown-content
- {
- opacity: 1;
- visibility: visible;
- z-index: 1;
- }
- }
- </style>