图像下但在背景下的垂直线

正如标题中所提到的，我想在图像下方的中心，背景下方制作垂直线（就像本例中：http://www.akita.co.uk/computing-history/#decade2000）。我该怎么做？谢谢。图像下但在背景下的垂直线

2016-08-23 Max Fischer

如果您需要花时间检查代码，您可以看到他们使用':: after' CSS psuedo元素创建行。 – skyline3000

谢谢skyline3000。是的，我检查了代码，但我是一个begginer，我不知道如何使用它。我也试图写它，但我无法得到预期的结果。 –

你可以用伪元素achief这一点。我会用一个快速笔向你展示如何，但基本上，你只需给图像指定一个2的z-index，伪元素父对象的z-index为1，那么你就很好。

请记住，Z索引是从父项继承的。因此，通过使用该-1你说伪元件上，取母体z索引（2），并从该1。减去，所以你最终的1

.image{ 
    position:relative; 
    z-index:2; 
    width:200px; 
    height:200px; 
    margin:0 auto; 
    padding-top:100px; 
    &::before{ 
    content:''; 
    position:absolute; 
    width:1px; 
    height:300px; 
    top:0; 
    left:50%; 
    background:red; 
    z-index:-1; 
    } 
}

的z-index笔中的示例：http://codepen.io/jan-dh/pen/VjOEyq?editors=1100#0

来源

2016-08-23 15:46:03

你不能通过使用CSS来设置图像的Z-index吗？设置较高的z-index会将其放在页面上所有其他元素的前面。

http://www.w3schools.com/cssref/pr_pos_z-index.asp

来源

2016-08-23 15:41:29 awenborn

图像下但在背景下的垂直线

回答

相关问题