试图把文本图像

Question

这里的前面是site与我想要的不透明的酒吧，是它自己的div出现与文本的div后面的问题

。这些显然都在图像前面。

我的问题是：

1）我不能让DIV名为“FP-旗帜”，而包含中的文本缩小到70像素的高度。

2）白色边框一直延伸到底部，我不知道为什么。

我想在这里发布所有的代码，但当我复制并粘贴它的HTML实际上出现，所以我想我不会发布它。

谢谢。 （＃featured-post img）

Answer 1

让我首先解决问题＃2 - 白色边框延伸到特色后期图像下方，因为您已将边框应用于容器元素（＃精选后）而不是图像本身（＃featured-post img）

所以更改CSS的功能＃，后到：

#featured-post { 
    float: left; 
    width: 370px; 
    margin-left: 10px; 
    padding:0;  
} 

，并到CSS的功能＃-后IMG：

#featured-post img { 
    border: solid 3px #fff; 
    z-index: -1; 
    margin:0; 
    padding: 0; 

} 

问题＃1，这增加FP-＃班恩ER：

height:70px !important ; 

，并添加到您的CSS：

#fp-banner p { line-height:14px ; margin-bottom:8px } 

您可能需要调整为＃FP-旗帜p造型的下边距值，以适应70像素高度。

注：请不要忘记，让您的style.css备份这些更改之前，以防万一:)

希望这有助于！

最佳，

辛西娅