Remove display none use zindex
This commit is contained in:
parent
999858e01c
commit
408247599b
|
|
@ -835,26 +835,20 @@
|
||||||
|
|
||||||
//html image
|
//html image
|
||||||
if (!empty($content) && !empty($image)) {
|
if (!empty($content) && !empty($image)) {
|
||||||
|
|
||||||
echo "<script>\n";
|
echo "<script>\n";
|
||||||
echo "\n";
|
echo "\n";
|
||||||
echo " function fade_in(id) {\n";
|
echo " function fade_in(id) {\n";
|
||||||
echo " var image_container = document.getElementById(id);\n";
|
echo " var image_container = document.getElementById(id);\n";
|
||||||
echo " image_container.style.opacity = '1';\n";
|
echo " image_container.style.opacity = 1;\n";
|
||||||
echo " image_container.style.zIndex = '999999';\n";
|
echo " image_container.style.zIndex = 999999;\n";
|
||||||
echo " image_container.style.display = 'block';\n";
|
|
||||||
echo " }\n";
|
echo " }\n";
|
||||||
echo "\n";
|
echo "\n";
|
||||||
echo " function fade_out(id) {\n";
|
echo " function fade_out(id) {\n";
|
||||||
echo " var image_container = document.getElementById(id);\n";
|
echo " var image_container = document.getElementById(id);\n";
|
||||||
echo " image_container.style.opacity = '0';\n";
|
echo " image_container.style.opacity = 0;\n";
|
||||||
echo " image_container.style.zIndex = '0';\n";
|
echo " setTimeout(function () {\n";
|
||||||
echo " setTimeout(display_none, 1000);\n";
|
echo " document.getElementById('image-container').style.zIndex = -1;\n";
|
||||||
echo " }\n";
|
echo " }, 1000);\n";
|
||||||
echo "\n";
|
|
||||||
echo " function display_none() {\n";
|
|
||||||
echo " var image_container = document.getElementById('image-container');\n";
|
|
||||||
echo " image_container.style.display = 'none';\n";
|
|
||||||
echo " }\n";
|
echo " }\n";
|
||||||
echo "\n";
|
echo "\n";
|
||||||
echo "</script>\n";
|
echo "</script>\n";
|
||||||
|
|
@ -863,26 +857,24 @@
|
||||||
echo "<style>\n";
|
echo "<style>\n";
|
||||||
echo "\n";
|
echo "\n";
|
||||||
echo " #image-container {\n";
|
echo " #image-container {\n";
|
||||||
echo " z-index: = 0;\n";
|
echo " z-index: -1;\n";
|
||||||
echo " position: absolute;\n";
|
echo " position: absolute;\n";
|
||||||
echo " top: 50%;\n";
|
echo " top: 50%;\n";
|
||||||
echo " left: 50%;\n";
|
echo " left: 50%;\n";
|
||||||
echo " transform: translate(-50%, -50%);\n";
|
echo " transform: translate(-50%, -50%);\n";
|
||||||
echo " opacity: 0;\n";
|
echo " opacity: 0;\n";
|
||||||
echo " transition: opacity 1s;\n";
|
echo " transition: opacity 1s;\n";
|
||||||
echo " display: none;\n";
|
|
||||||
echo " }\n";
|
echo " }\n";
|
||||||
echo "\n";
|
echo "\n";
|
||||||
echo " #qr_code {\n";
|
echo " img#qr_code {\n";
|
||||||
echo " width: 650px;\n";
|
echo " width: 100%;\n";
|
||||||
echo " height: 650px;\n";
|
echo " max-width: 650px;\n";
|
||||||
|
echo " min-width: 300px;\n";
|
||||||
|
echo " height: auto;\n";
|
||||||
echo " -webkit-box-shadow: 0px 1px 20px #888;\n";
|
echo " -webkit-box-shadow: 0px 1px 20px #888;\n";
|
||||||
echo " -moz-box-shadow: 0px 1px 20px #888;\n";
|
echo " -moz-box-shadow: 0px 1px 20px #888;\n";
|
||||||
echo " box-shadow: 0px 1px 20px #888;\n";
|
echo " box-shadow: 0px 1px 20px #888;\n";
|
||||||
echo " }\n";
|
echo " border: 45px solid white;\n";
|
||||||
echo "\n";
|
|
||||||
echo " img {\n";
|
|
||||||
echo " border: 100px solid white;\n";
|
|
||||||
echo " max-width: 100%;\n";
|
echo " max-width: 100%;\n";
|
||||||
echo " max-height: 100%;\n";
|
echo " max-height: 100%;\n";
|
||||||
echo " }\n";
|
echo " }\n";
|
||||||
|
|
@ -2023,4 +2015,4 @@
|
||||||
//show the footer
|
//show the footer
|
||||||
require_once "resources/footer.php";
|
require_once "resources/footer.php";
|
||||||
|
|
||||||
?>
|
?>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue