Попытка добавить рамку вокруг темы контейнера Tumblr - PullRequest
Новая
       18

Попытка добавить рамку вокруг темы контейнера Tumblr

0 голосов
/ 20 июня 2019

Я пытаюсь добавить рамку к теме Tumblr, но не могу этого сделать. Обычно я просто добавляю код border: 5px solid #fff; в контейнерную часть темы, и он работает, но с этим он не работает. 

.cont {
    display: block;
    position: absolute;
    top: 0px;
    left:0;
    opacity: 0.6;
    overflow:hidden;
    width:273px;
    height:374px;
    background: url('{image:sidebar bg}') repeat ;
    border-radius:0px;
    opacity:1;
    z-index:9999999999;
    -moz-osx-font-smoothing: grayscale;
}

1 Ответ

0 голосов
/ 20 июня 2019

Кажется, работает для меня: https://jsfiddle.net/lharby/Lanbk1es/

Я добавил серый фон к телу, чтобы вы могли видеть границу.

Также обратите внимание, что background: url('{image:sidebar bg}') repeat ; не будет работать в jsfiddle, так как это часть языка шаблонов Tumblr.Если вы хотите увидеть реальное изображение, вам понадобится полный URL: https://66.media.tumblr.com/1234.jpg и т. Д.

Вот полный CSS: 

body {
   // added to show white border on .cont element
   background: #999999;
}

.cont {  
   display: block;
   position: absolute;
   top: 0px;
   left:0;
   opacity: 0.6;
   overflow:hidden;
   width:273px;
   height:374px;
   background: url('{image:sidebar bg}') repeat ; // this won't render in jsfiddle
   border-radius:0px;
   opacity:1;
   z-index:9999999999;
   -moz-osx-font-smoothing: grayscale;
   border: 5px solid #fff; // added border as per the comment above code.

}

ТакжеВы устанавливаете непрозрачность в 0,6 в CSS, а затем позже для того же элемента 1,0, поэтому 0,6 будет перезаписан.

...