当使用data-container =" body"时,我的自定义引导工具提示样式会被覆盖。属性来解决溢出:隐藏的div元素

时间:2016-05-16 23:11:29

标签: javascript css twitter-bootstrap

我有一个客户真正喜欢的自定义引导工具提示。它适用于各种元素。我将它添加到gridview表的数据字段中,它工作(编辑)很棒 - "直到"我添加了一个overflow:hidden div来保持gridview标题行的固定。

现在工具提示被此标题行div遮挡了。我四处寻找并看到了各种变通方法 - 唯一一种有用的方法是使用data-container="body"(属性)或使用javascript的各种派生,将工具提示放在标题行div的顶部(当悬停数据字段时) gridview中的第一行)。

我对data-container="body"{ container:'body' }的问题是它会覆盖工具提示的自定义样式。

我将宽度设置为500px并使用!important,但是当我使用data-container="body"时,宽度变为200px并且背景颜色会发生变化。我在css中使用了z-index:1000; position:relative;,它帮助了我设置为1的不透明度,但宽度/背景颜色仍然是默认的bootstrap。

这是一种解决方法,以便我可以保留自定义工具提示风格?

1 个答案:

答案 0 :(得分:0)

好吧,我提出了一个非程序化的解决方法(客户端就是这样),那就是在gridview的开头添加两个空行,在gridview的末尾再添两行,这样,带有数据内容的行,弹出工具提示现在不会被隐藏的div修剪。我尝试的另一件事是让溢出div可见。这也有助于防止剪切工具提示,但我失去了gridview的可滚动性。是否有解决方法?