<style> .underline { text-decoration: underline; } .card { font-size: 13px; position: fixed; bottom: 0px; height: 46px; left: 0px; width: 100%; background-color: rgb(255, 249, 249); } .card-body { text-align: center; position: relative; top: -16px; background-color: whitesmoke; box-shadow: 5px 5px 5px 5px black; } a { color: #000; } a:hover { color: #000; } .btn { background-color: #F44937; padding: 8px 7px; position: relative; top: -2px; border: 1px solid #F44937; border-radius: 4px; font-weight: bold; font-family: 'roboto'; font-size: 13px; } .btn:hover{ background-color: #F44937; border: 1px solid #F44937; } </style> </head> <body> <div class="card alert alert-dismissible fade show mx-auto"> <div class="card-body"> Veri politikasındaki amaçlarla sınırlı ve mevzuata uygun şekilde çerez konumlandırmaktayız. Detaylar için <a href="#" class="underline">veri politikamızı</a> inceleyebilirsiniz. <button type="button" data-dismiss="alert" class=" btn btn-primary"> ANLADIM </button> </div> </div> kendimi test etmek için farklı sitelerin çerez kutusunu yapmaya çalıştım ama olmadı div satırın tamamını kaplamıyor. Aşağıda buttona tıklayınca kapatmayı başardım(bootstrap alert ile) fakat gölge eklediğimde satırın tamamını kaplamadığını fark ettim. sizce sebebi neyden kaynaklanıyordur? |
Bildirim