CSS背景颜色位置关闭

我为div设置背景颜色，但由于某种原因，颜色框不在文本下方，而是像100px朝上。这是我的HTML代码;CSS背景颜色位置关闭

<div class="youtube_gallery_caption">The Fast Show - Unlucky Alf</div>

，这是CSS

.youtube_gallery_caption { 
background:red; 
color:black !important; 
width:140px; 
height:10px; 
padding:10px; 
position:relative; 
z-index:99; 
display:none; 
}

谢谢。

来源

2013-11-21 Jaeeun Lee

您的文字可能是高于'10px'？ – putvande

目前还不清楚你在问什么？在那里显示：没有'是什么..？ –

我正在使用jQuery提供工具提示效果。你可以看到它，如果你去http://storyville.jonmarkoff.com/storyvillewp/并悬停在任何图像。 –

删除高度并添加line-height:30px ...将值更改为您想要的任何高度。另外，请添加overflow: hidden;。您可能还需要将填充添加到左侧和右侧，而不是全部填充，因此您不会添加到行高。相反，这将删除任何填充在顶部和底部padding:0 10px;

尝试用这种替代你的CSS：

.youtube_gallery_caption { 
    background:red; 
    color:black !important; 
    width:140px; 
    line-height:30px; 
    padding:0 10px; 
    position:relative; 
    z-index:99; 
    display:none; 
    overflow:hidden; 
}

来源

2013-11-21 23:21:12

只需移除高度即可，无需增加行高。谢谢！ –

因为'overflow：hidden;'prob;） –

并没有问题！快乐的编码！ –

包装盒中有10px的高度，你的字体大小没有指定，那么很可能大。

将字体大小和行高与div的实际高度相匹配。

如：（使用10px的值）：

http://jsfiddle.net/D2g9H/

.youtube_gallery_caption { 
    background:red; 
    color: black !important; 
    width:140px; 
    height: 10px; 
    font-size: 10px; 
    line-height: 10px; 
    padding:10px; 
    position:relative; 
    z-index:99; 
}

来源

2013-11-21 23:25:12

CSS背景颜色位置关闭

回答

相关问题