我正在使用tinyMCE编辑器插件。它将texareas转换为iframe,并在文本内容的顶部显示工具栏。它工作得很好。
有时在内容的上方有一些视频。所以当我点击文本区域时,工具栏会出现,但内容上方的视频播放器会将其隐藏在自己后面。
是否有任何方法可以更改工具栏的z索引?(首选)或者我应该更改工具栏的位置???
下面是我的代码:
tinyMCE.init({
mode : "textareas",
editor_selector : "combo123",
theme : "advanced",
plugins : "save, paste, autoresize, asciimath, asciisvg",
theme_advanced_styles: "Foo=foo, Bar=bar",
content_css : "/css/tiny_mce.css"
});
8条答案
按热度按时间yfjy0ee71#
增加tinymce的z-index,这样它就不会被另一个div覆盖
gkn4icbw2#
您也可以在初始化后立即使用setup参数设置z索引
wz3gfoph3#
tinyMCE在textarea上转置,因此将textarea放入容器中并在容器上设置z索引。
6jjcrrmo4#
如果视频播放器是基于Flash的,这不会有帮助。
这个页面声称将“opaque”添加到播放器的“wmdode”参数是一个解决方案,但我还没有测试过:http://slightlymore.co.uk/flash-and-the-z-index-problem-solved/
kcugc4gi5#
您的Notice中添加了两个content_css,应该只有一个content_css
实际上content_css应该有你的site.css添加的目的,所以对于textarea你可以在你的css中限制,你可以设置宽度和高度
hpxqektj6#
我用这个解决了
yebdmbv47#
这工作在Angular ,添加到你的组件.scss
hwazgwia8#
tinymce.ui.FloatPanel.zIndex = 99;