SVG в DIV не отображается при добавлении в DOM с координатами определенного элемента HTML

Question

Я создаю расширение для браузера, сейчас я тестирую его на Chrome и Edge.Он помещает рисунок svg на некоторые слова, находящиеся на веб-странице, регулируя его размер в соответствии со шрифтом.

Простые div с внутренним svg добавляются в DOM.Я поставил zIndex = auto или наследовать, но я обнаружил странное поведение на определенной веб-странице: https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/tabs/executeScript

Если расширение помещает рисунок в слова, соответствующие "tabs", первое вхождение в заголовке, которое вы можете увидетьвверху страницы вообще не видно.Я проверил с помощью инструментов разработчика, и div присутствует как другие, только он не появляется.

function createDiv(x,y,size) {
       var scrollX=window.scrollX;
            var scrollY=window.scrollY;
        var div=null;div=document.createElement('div');


            div.className=CLASS_NAME;
            div.style.position = 'absolute';
            var color=COLOR;

            div.style.opacity='0.6';

            div.style.zIndex='auto';

            div.style.top=(scrollY+(y)-size/4)+'px';
             div.style.height=(size)+'px';
             div.style.left=(scrollX+(x))+'px';
             if (scrollX+(x)+size>window.innerWidth) div.style.left=window.innerWidth-size;
             div.style.width=(size)+'px';

             div.innerHTML='<svg ...>';
             div.style.visibility='visible';
        return div;
        };
....
div=createDiv(param1,param2,param3);
document.body.appendChild(div);

(52.71875 118 110 для параметров должны соответствовать первому вхождению)

Isэто проблема zIndex?Или проблема HTML другого типа?