Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 材料设计和漂移之间的CSS冲突_Javascript_Css_Material Design Lite - Fatal编程技术网

Javascript 材料设计和漂移之间的CSS冲突

Javascript 材料设计和漂移之间的CSS冲突,javascript,css,material-design-lite,Javascript,Css,Material Design Lite,我想在使用material design lite()的Web应用程序中使用Drift.js()的缩放功能,但我无法让它工作。我可以把它缩小到css问题,但我有点被困在这里了 这里有两个小提琴,唯一的技术区别是,在第二个小提琴中,没有材料设计lite css 第一把小提琴: 第二把小提琴: 第一小提琴上的缩放不起作用。似乎元素的z索引比缩放更大 通过添加z指数:100到.drift-zoom-pane.drift-inline{css类我可以再次缩放 new Drift(document.que

我想在使用material design lite()的Web应用程序中使用Drift.js()的缩放功能,但我无法让它工作。我可以把它缩小到css问题,但我有点被困在这里了

这里有两个小提琴,唯一的技术区别是,在第二个小提琴中,没有材料设计lite css

第一把小提琴:

第二把小提琴:


第一小提琴上的缩放不起作用。

似乎
元素的z索引比缩放更大

通过添加
z指数:100
.drift-zoom-pane.drift-inline{
css类我可以再次缩放

new Drift(document.querySelector('img'), {
        paneContainer: document.querySelector('p'),
        inlinePane: true,
        inlineOffsetY: 0,
        containInline: true
});