posistion 관련 Firefox 문제

특정 상황에서 Firefox에서 스크린 샷이 올바르게 작동하는 데 문제가 있습니다.

Firefox는 다른 브라우저에서 사용하지 않는 "삽입"CSS 속성을 사용합니다 (https://developer.mozilla.org/en-US/docs/Web/CSS/inset). 왼쪽 / 오른쪽 / 위쪽 / 아래쪽 대신 사용됩니다. 적어도 내 버전의 FF에서는 왼쪽 / 오른쪽 / ... CSS를 바꿔서 사용하도록 강요합니다. GrabzIt는이 속성을 인식하지 못하므로 Firefox 사용자에게는 이미지가 올바르지 않습니다.

다른 사람이 이것을 경험하고 해결책을 가지고 있습니다.

Corey Alderin이 18 년 2019 월 XNUMX 일에 질문 함

아마도 외부 CSS 파일에서 변경하기 쉬운 CSS 코드를 넣고 HTML에서 그런 식으로 참조합니까?

18 년 2019 월 XNUMX 일 GrabzIt Support에서 답변 함

내 경우에는 작동하지 않습니다. 항상 동일하지는 않기 때문에 CSS를 인라인해야합니다. 사용자에 따라 다릅니다.

답변 : Corey Alderin, 18 년 2019 월 XNUMX 일

내 FireFox 버전에서 다음과 같이 테스트했습니다.

<html>
<head>
<script src="grabzit.min.js"></script>
</head>
<body>
<div id="screenshot"><style>
div{
top:1em;
left:1em;
position:absolute;
}
</style>
<div>Hello</div></div>
<script>GrabzIt("APPLICATION KEY").ConvertHTML(document.getElementById('screenshot').innerHTML,{"target": "#captureThis",
"format": "png",
"transparent": 1,
"bwidth": 1200,
"bheight": 1000,
"hd": 1,
"width": 1200,
"height": 1000,
"hide": ".modal-backdrop",
"displayid": "finalImage"}).DataURI();
</script>
</body>
</html>

게시 된 데이터는 다음과 같습니다.

<style>
div{
top:1em;
left:1em;
position:absolute;
}
</style>
<div>Hello</div>

전송 된 전송이 없습니다.

18 년 2019 월 XNUMX 일 GrabzIt Support에서 답변 함

나는 이것을 더 많이 테스트 해 왔으며 사용자가 div를 움직일 때 이런 일이 발생하는 것으로 보입니다. 내 응용 프로그램을 사용하면 요소를 이동할 수 있으며 Firefox가 변경 할 때입니다. 아마도 이것을 설명하기 위해 코드를 약간 변경할 수 있습니다.

답변 : Corey Alderin, 18 년 2019 월 XNUMX 일

답변 질문 모든 웹 캡처 질문보기