Problemy z generowaniem obrazu dla elementu div z osadzeniem w środku

Cześć,

Jestem płacącym klientem i próbuję zrobić zrzut ekranu pliku element zawierający osadzony tweet z nałożonym znakiem watermark. Problem polega na tym, że mam zrzut ekranu tylko z watermark. Oto mój kod... co robię źle?

#tweetuj {
position: relative;
indeks Z: 1! ważne;
szerokość: 500 pikseli! ważne;
margines lewy: -8px;
margines na górze: -10px;
}

.watermark {
pozycja: absolutna;
góra: 60 pikseli;
po lewej: 100 pikseli;
indeks Z: 10! ważne;
wyświetlacz:watermark'] == 0){ $watermark = „brak”; } elseif($_GET['watermark'] == 1){ $watermark = „”; } echo $watermark; ?>;
}

#tweetuj iframe {
granica: brak !ważne;
box-shadow: brak !ważne;
}

.copywrite p {
pozycja: absolutna;
lewo: 0;
margines na górze: -9px;
rodzina czcionek: Gotham, „Helvetica Neue”, Helvetica, Arial, „bezszeryfowa”;
rozmiar czcionki: 12px;
kolor:#a2a6a8;
}


Podajnik zrzutów ekranu w Twitterze

">
-->

<img src="images/watermark.png" klasa="watermark„/>


Zrzut ekranu tweeta: https://sane.social © on ";?>

window.onload = (funkcja(){

var tweet = document.getElementById("tweet");
var id = tweet.getAttribute("tweetID");

twttr.widgets.createTweet(
identyfikator, tweet, {

rozmowa: 'brak', // lub wszystkie
karty: 'widoczne', // lub widoczne
motyw : 'jasny' // lub ciemny
})

.then (funkcja (el) {
el.contentDocument.querySelector(.footer).style.display = "brak";
});

});




GrabzIt("XXXX=").ConvertPage(window.location.href, {"target": "#content", "bheight": -1, "height": -1, "width": -1}).AddTo („tweetshot”);

Nie sądzę, że jest to problem z GrabzIt, ale z bezpieczeństwem API Twittera. Prawdopodobnie nie lubi być używany na tymczasowej stronie HTML. Zamiast tego powinieneś zmienić swój kod, aby zamiast tego używał adresu URL:

.ConvertURL(location.href, {"target": "#content", "bheight": -1, "height": -1, "width": -1}).AddTo("tweetshot");