質問編集履歴
1
HTML側の追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -60,6 +60,44 @@
|
|
60
60
|
|
61
61
|
|
62
62
|
|
63
|
+
```
|
63
64
|
|
64
65
|
|
66
|
+
|
67
|
+
|
68
|
+
|
69
|
+
HTML側
|
70
|
+
|
65
71
|
```
|
72
|
+
|
73
|
+
<html>
|
74
|
+
|
75
|
+
<head>
|
76
|
+
|
77
|
+
<meta name="viewport" content="width=device-width, minimum-scale=0.1">
|
78
|
+
|
79
|
+
<title>1.jpg (764×1200)</title>
|
80
|
+
|
81
|
+
<style class="blockbyte-bs-style" data-name="content">body>div#blockbyte-bs-indicator>div{opacity:0;pointer-events:none}body>iframe#blockbyte-bs-sidebar.blockbyte-bs-visible,body>iframe#blockbyte-bs-overlay.blockbyte-bs-visible{opacity:1;pointer-events:auto}body.blockbyte-bs-noscroll{overflow:hidden !important}body>div#blockbyte-bs-indicator>div{position:absolute;transform:translate3d(-40px, 0, 0);top:0;left:0;width:40px !important;height:100%;background:rgba(0,0,0,0.5);transition:opacity 0.3s, transform 0.3s;z-index:2}body>div#blockbyte-bs-indicator>div>span{-webkit-mask:no-repeat center/32px;-webkit-mask-image:url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-bookmark.svg);background-color:rgb(255,255,255);position:absolute;display:block;top:0;left:0;width:100%;height:100%}body>div#blockbyte-bs-indicator[data-pos='right']{left:auto;right:0}body>div#blockbyte-bs-indicator[data-pos='right']>div{transform:translate3d(40px, 0, 0);left:auto;right:0}body>div#blockbyte-bs-indicator.blockbyte-bs-hover>div{transform:translate3d(0, 0, 0);opacity:1}body>div#blockbyte-bs-indicator[data-pos='left'].blockbyte-bs-has-lsb>div{background:transparent}body>div#blockbyte-bs-indicator[data-pos='left'].blockbyte-bs-has-lsb>div>span{-webkit-mask-position-y:20px}body>iframe#blockbyte-bs-sidebar{width:260px;max-width:none;height:0;z-index:2147483646;background-color:rgba(0,0,0,0.6) !important;border:none;display:block !important;transform:translate3d(-260px, 0, 0);transition:width 0s 0.3s, height 0s 0.3s, opacity 0.3s, transform 0.3s}body>iframe#blockbyte-bs-sidebar[data-pos='right']{left:auto;right:0;transform:translate3d(260px, 0, 0)}body>iframe#blockbyte-bs-sidebar.blockbyte-bs-visible{width:calc(100% + 260px);height:100%;transform:translate3d(0, 0, 0);transition:opacity 0.3s, transform 0.3s}body>iframe#blockbyte-bs-sidebar.blockbyte-bs-hideMask{background:none !important}body>iframe#blockbyte-bs-sidebar.blockbyte-bs-hideMask:not(.blockbyte-bs-hover){width:calc(260px + 50px)}body>iframe#blockbyte-bs-overlay{width:100%;max-width:none;height:100%;z-index:2147483647;border:none;background:rgba(0,0,0,0.5) !important;transition:opacity 0.3s}
|
82
|
+
|
83
|
+
</style>
|
84
|
+
|
85
|
+
</head>
|
86
|
+
|
87
|
+
<body style="margin: 0px; background: #0e0e0e;">
|
88
|
+
|
89
|
+
<img style="-webkit-user-select: none;background-position: 0px 0px, 10px 10px;background-size: 20px 20px;background-image:linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 100%),linear-gradient(45deg, #eee 25%, white 25%, white 75%, #eee 75%, #eee 100%);cursor: zoom-in;" src="https://imgon.spimg.ch/v1/ai3868/1.jpg?h=T7_FQKb4jIKo7zU9cugWhA&t=1080001513007731" width="525" height="826">
|
90
|
+
|
91
|
+
<iframe id="blockbyte-bs-sidebar" data-pos="left">
|
92
|
+
|
93
|
+
#document
|
94
|
+
|
95
|
+
</iframe>
|
96
|
+
|
97
|
+
<div id="blockbyte-bs-indicator" style="width: 10px;"></div>
|
98
|
+
|
99
|
+
</body>
|
100
|
+
|
101
|
+
</html>
|
102
|
+
|
103
|
+
```
|