XKCD hover text.user.js

// ==UserScript==
// @name     XKCD hover text
// @version  1
// @include  https://xkcd.com/*
// @grant    none
// ==/UserScript==

(function() {
  'use strict';
  const id = "comic-title";
  const css = `
#${id} {
	border: 4px solid gray;
	color: gray;
  background: gray;
  margin: 10px;
}
#${id}:hover {
  opacity: 1.0;
	border-color: green;
	color: black;
	background: #DDDDDD;
}
  `;
  const div = document.getElementById("comic");
  const img = div.firstElementChild;
  const text = document.createElement("h2");
  const style = document.createElement("style");
  text.innerText = img.title;
  text.id = id;
  div.appendChild(text);
  style.innerText = css;
  document.head.appendChild(style);
})();