Border-radius и backround

@ruffury · Регистрация: 23.01.2017

Студворк — интернет-сервис помощи студентам

Не могу понять, как убрать вот эти углы от фона, которые выделяются из за border-radius.

@cthusq · 03.02.2017, 08:00

ruffury, киньте код

@ruffury · 03.02.2017, 23:17 **[ТС]**

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class="wrapper">
        <div class="content">
            <div class="left_sidebar">
            <h1 class="logo">Toronto</h1>
            <p class="hashtag">#newyork</p>
            <p class="hashtag">#i'veneverbeen</p>
            <p class="hashtag">#dreamscometrue</p>
            <p class="hashtag">#bigapple</p>
            </div>
            <div class="right_sidebar">
            <h2>Toronto Empire</h2>
            <p>3.2 million like this</p>
            </div>
        </div>
    </div>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
body {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
}
 
.wrapper {
    width: 56em;
    height: 42em;
    margin: 0;
    background: url(images/toronto-sunset.jpg) no-repeat;
    background-size: cover;;
    position: relative;
}
 
 
.content {
    width: 42em;
    height: 36em;
    border-radius: 10px;
    position: absolute;
    background-color: #fff;
    margin: 3em 7em;
    padding: 0;
}
 
.left_sidebar {
    width: 61.904762%;
    height: 100%;
    margin: 0;
    position: absolute;
    background: url(images/toronto-cityscape.jpg) no-repeat;
    background-size: cover;
    border-radius: 10px 0 0 10px;
}
 
.logo {
    color: #fff;
    font-size: 5em;
    margin: 4.5em 0 0 0.3em;
    display: block;
}
 
.hashtag {
    color: #fff;
    font-size: 0.7em;
    font-weight: normal;
    display: inline-block;
    margin-top: 7em;
}
 
p:nth-child(2) {
    margin-left: 3em;
}
 
.right_sidebar {
    float: right;
    width: 38.095238%;
    height: 100%;
    background: url(images/toronto-minim.jpg);
    background-size: cover;
    position: relative;
}
 
.right_sidebar h2 {
    color: #000;
    float: left;
    margin: 15% 0 0 15%;
    font-size: 1em;
}
 
.right_sidebar p {
    color: rgb(31, 219, 219);
    float: left;
    margin: 5% 0 0 15%;
    font-size: 0.6em;
    padding: 0;
}

Речь о правом блоке с фоном-картинкой

Новые блоги и статьи Все статьи Все блоги /
Автозаполнение реквизитов при создании документа Maks 26.03.2026 Код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки на предмет заполнения реквизитов реализован с целью установки значения по умолчанию,. . .	Команды "Заполнить" и "Очистить" на форме документа Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". На примере нетипового документа разработанного в конфигурации КА2. В качестве источника данных указан регистр накопления, в который записываются данные о. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при изменении наименования справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .
модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .	SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++ 8Observer8 24.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip	Жизнь в неопределённости kumehtar 23.03.2026 Жизнь — это постоянное существование в неопределённости. Например, даже если у тебя есть список дел, невозможно дойти до точки, где всё окончательно завершено и больше ничего не осталось. В принципе,. . .

@ruffury 0 / 0 / 1 Регистрация: 23.01.2017 Сообщений: 16

	Border-radius и backround 03.02.2017, 03:29. Показов 1218. Ответов 2 Метки нет (Все метки) Не могу понять, как убрать вот эти углы от фона, которые выделяются из за border-radius. Миниатюры 0

@cthusq 3 / 3 / 4 Регистрация: 24.09.2015 Сообщений: 44
	03.02.2017, 08:00
	ruffury, киньте код 0

Border-radius и backround

Решение