can not see image after zoom with zoom image plugin about docsify-themeable HOT 5 CLOSED

I change the img css to set z-index to 999 to fix it。
I am not good at web, maybe can more elegant

from docsify-themeable.

+1 for this issue. Base on the investigation I could do the css class .medium-zoom-image--opened doesn't contain value for z-index from _variales.scss which should be 50.

from docsify-themeable.

A change made in docsify 4.10 is the cause of the issue. This is confirmed by loading an earlier version of the plugin:

<script src="https://unpkg.com/[email protected]/lib/plugins/zoom-image.min.js"></script>

Easy enough to fix.

from docsify-themeable.

Are you using simple.css theme?

There is a bug in the file: :root{--zoomimage-overlay-background: rgba(0, 0, 0, 0.875)}

I had to override this in your index.html and set zoomimage-overlay-background: none and mine is working like a charm

from docsify-themeable.

The issue was caused by a class name change in 4.10.

In docsify < 4.10, the class name applied to the zoomed image was "medium-zoom-image--open". In 4.10, this changed to "medium-zoom-image--opened" (noted the "ed" added to "open").

This issue has been fixed and will be available in the upcoming release.

from docsify-themeable.