Question

我正在尝试为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;
}

Answer 1

似乎为我工作：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.

}

还要在CSS中将不透明度设置为0.6，然后再对同一元素1.0进行设置，因此0.6将被覆盖。

尝试在tumblr容器主题周围添加边框

1 个答案: