Итак, я новичок в этом, и я работаю над основной темой перенаправления Tumblr [не важно], но у меня есть баннер, который представляет собой блок div, и я хочу вписаться в изображение, как если бы я былиспользуя переполнение: скрыто.Единственная проблема в том, что эта команда не работает.Часть кода должна была быть скопирована и вставлена, и я думаю, что что-то в c / p'ed css не позволяет этому работать.Кроме того, заранее извините, если мой код написан ужасно, опять я новичок в этом.
Я пытаюсь скрыть белый фон / баннер с надписью «этот блог перемещен», чтобы он не перекрывал границы.
<!DOCTYPE HTML>
<HTML>
<HEAD>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
</HEAD>
<STYLE>
body {background-color: #dff2f4;}
img {
height: 500px;
width: 710px;
margin-top: 100px;
margin-left: 355px;
border-width: 15px;
border-radius: 50px;
border-style: double;
border-color: white;
overflow: hidden;
background-color: #cbdaff;
}
.centered {
font-family: 'SourceSansPro-ExtraLight';
transform: translate(-50%, -50%);
background-color: white;
text-align: center;
position: absolute;
color: #dadada;
top: 50%;
left: 50.7%;
width: 750px ;
font-size: 30px;
letter-spacing: 10px;
overflow: hidden;
padding: 7px 7px 7px 7px;
}
@font-face {
font-family: 'SourceSansPro-ExtraLight.ttf';
src: url('fonts/SourceSansPro-ExtraLight.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
</STYLE>
<BODY>
<div class="banner">
<div class="centered">THIS BLOG HAS MOVED</div>
<img src="https://66.media.tumblr.com/0ec32bfc5aeafd4db56b123737224ef8/tumblr_pn6qcyuFhy1xiq9t5o2_r1_540.gif">
</div>
</BODY>
</HTML>