試圖把文本圖像

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備份這些更改之前，以防萬一:)

希望這有助於！

最佳，

辛西婭