Visual Studio Python - Как запустить скрипт запуска при перезагрузке интерактивной оболочки python

Пересмотренный ответ

Этот скрипт совместим с с IE9 и разрешает дублирование фона, необходимое в моем первоначальном ответе. Он использует псевдоэлементы для генерации круга. Это решение отталкивает идею пикселя «pacman», но вместо использования нового генерации градиента фона для генерации используется более старый (и мало используемый или понятный ) clip свойство, чтобы сделать круг в два частей. Это решило вопрос о том, что ваш круг не «центрирован» на углу.

#foo {
    height:150px;
    width:250px;
    background: rgba(0, 0, 0, 0.6);
    position:absolute;
    left:40%;
    top:20%;
}

#bar {
    height:40px;
    width:40px;
    position:absolute;
    top:-15px;
    left:-15px;
    line-height: 40px;
}

#bar:before,
#bar:after {
    content: '';
    display: block;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 40px;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
}

#bar:before {
    clip: rect(0 40px 15px 0);
}

#bar:after {
    clip: rect(15px 15px 40px 0);
}

Оригинальный ответ

Вы можете это сделать ( см. Скрипт ) , Он подталкивает круг ниже и «накладывает» часть, которая перекрывается с псевдоэлементом, чтобы восстановить фоновый цвет тела:

body{background:green;}

#foo{
height:150px;
width:250px;
background:rgba(0, 0, 0, 0.6);
position:absolute;
left:40%;
top:20%;
}

#bar{
height:40px;
width:40px;
background:rgba(0, 0, 0, 0.6);
border-radius:40px;
position:absolute;
top:-15px;
left:-15px;
z-index: -1;
}

#bar:after {
    content: '';
    display: block;
    background: green;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 25px;
    height: 25px;
}