Html 溢出隐藏不在工具提示上工作

我在包含工具提示的

div

上有一个

overflow:hidden

，但这个不是隐藏在

div

之外。 工具提示显示在图像的悬停位置，并跟随鼠标的移动

此处是指向页面的链接：

HTML

JS

var moveTooltip=false，
$tooltip=$（“”{
附：“身体”，
id:“工具提示”，
css:{
位置：“绝对”，
显示：“无”，
宽度：500，
textAlign：“居中”，
填充：10，
颜色：“黑色”，
尺寸：24，
}
});

我制作了一个实用的工具提示： 将鼠标悬停在“文本”上

text工具提示id的css是什么？一个#工具提示{？？？}它显示在JS中，我刚刚将它添加到帖子中。很抱歉再次询问，但是top gauche的价值是什么？？（如果你粘贴HTML输出就容易多了！！！…的来源..我的意思是）当工具提示弹出时，你检查过吗？是否100%确定工具提示位于容器块中？js说它被附加到身体上<代码>附录：“正文”

Top gauche是在页边距顶部的管理中定义的值。我无法检查chrome中的工具提示，它没有出现。JS代码上写着“body”，但它出现在每个帖子的悬停处。我把网页的链接，将更容易。这需要一个外部链接的css文件来运行。这与发布链接基本相同。它可能会回答这个问题，但你必须解释它。对于这样简单的东西，最好只发布css代码。此外，在多个答案上发布相同的代码片段会被认为是垃圾邮件。

<div class="tooltipbloc" style="margin-top:<?php the_sub_field('top_gauche'); ?>%">

  <a id="tooltip" data-tooltip="<p style=font-
size:24px;font-family:founders_grotesk;margin-bottom:0px;text-
transform:uppercase><?php the_title(); ?></p>"
href="<?php the_permalink(); ?>">

  <div class="img-container">
     <div class="hover-thumb background-thumb"></div>
     <?php the_post_thumbnail( 'full' ); ?>
  </div> 

  </a>
</div>

.tooltipbloc{
   position:relative;
   overflow: hidden;
}

var moveTooltip = false,
  $tooltip = $("<div/>", {
    appendTo: "body",
    id: "tooltip",
    css: {
      position:"absolute",
      display:"none",
      width:500,
      textAlign:"center",
      padding:10,
      color:"black",
      fontSize:24,
    }
  });