Quantcast
Channel: SharePoint 2010 - Development and Programming forum
Viewing all articles
Browse latest Browse all 11571

Error HTML5 in Content Editor

$
0
0

hello,good day.

I have a questiontothem, because I get an errorwhen run amodalwindow in content editor  in internet explorer 11 ifsomeone could help meI would greatly appreciate.

I run this code html5 and css3 modal window in content editor:

<style type="text/css">
.modalDialog {
 ;
 font-family: Arial, Helvetica, sans-serif;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background: rgba(0,0,0,0.8);
 z-index: 99999;
 opacity:0;
 -webkit-transition: opacity 400ms ease-in;
 -moz-transition: opacity 400ms ease-in;
 transition: opacity 400ms ease-in;
 pointer-events: none;
}
.modalDialog:target {
 opacity:1;
 pointer-events: auto;
}
.modalDialog > div {
 width: 400px;
 ;
 margin: 10% auto;
 padding: 5px 20px 13px 20px;
 border-radius: 10px;
 background: #fff;
 background: -moz-linear-gradient(#fff, #999);
 background: -webkit-linear-gradient(#fff, #999);
 background: -o-linear-gradient(#fff, #999);
}
.close {
 background: #606061;
 color: #FFFFFF;
 line-height: 25px;
 ;
 right: -12px;
 text-align: center;
 top: -10px;
 width: 24px;
 text-decoration: none;
 font-weight: bold;
 -webkit-border-radius: 12px;
 -moz-border-radius: 12px;
 border-radius: 12px;
 -moz-box-shadow: 1px 1px 3px #000;
 -webkit-box-shadow: 1px 1px 3px #000;
 box-shadow: 1px 1px 3px #000;
}
.close:hover { background: #00d9ff; }

</style>

<a href="#openModal">Open Modal​​​</a> <div class="modalDialog" id="openModal"><div><a title="Close" class="close" href="#close">X</a> <h2>Modal Box</h2>
<p>This is a sample modal box that can be created using the powers of CSS3.</p>
<p>You could do a lot of things here like have a pop-up ad that shows when your website loads, or create a login/register form for users.</p></div></div>

But when I open the page in internet explorer 11 It showsmewhatfollows:

Opens themodalwindowwithout meclickinOpenModalandif I try toclose themodalwindowdoes not close, this happensonlyinternet explorerif I open  siteingooglechromeeverything works fine. to believe that it canbe happeningorconfiguration Ihave to doto HTML5 works fine in SharePoint andinternet explorer?


laureano Adriano



Viewing all articles
Browse latest Browse all 11571

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>