formulario
Alguém pode me ajudar no IE v 11 não esta funcionando.
<!DOCTYPE HTML>
<HTML>
<HEAD>
<style>
@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Titillium+Web);, :after, *:before {
box-sizing: border-box;
}body{
margin: 0;
padding: 0;
font-family: 'Titillium Web', sans-serif;
line-height: 1.5;
color: #444;
font-size: 13pt;
}p{
padding: 0 10px;
}
.tabs-container {
position: relative;
height: auto;
max-width: 90%;
margin: 0 auto;
}.tabs-container p{
margin: 0;
padding: 0;
}.tabs-container:after {
content: '.';
display: block;
clear: both;
height: 0;
font-size: 0;
line-height: 0;
visibility: none;
}input.tabs {
display: none;
}input.tabs + label {
line-height: 40px;
padding: 0 20px;
float: left;
background: #444;
color: #fff;
cursor: pointer;
transition: background ease-in-out .3s;
}input.tabs:checked + label {
color: #000;
background: #eee;
}/ configura tamanho do quadro /
input.tabs + label + div {
width: 75%;
opacity: 0;
position: absolute;
/*background: #eee;*/
top: 40px;
left: 0;
height: auto;
padding: 10px;
z-index: -1;
transition: opacity ease-in-out .3s;
border: 3px solid #eee;
}/***************/
input.tabs:checked + label + div {
opacity: 1;
z-index: 1000;
}
</style>
</HEAD>
<BODY><%
%>
<p><BR></p>
<div class="tabs-container">
<input type="radio" name="tabs" class="tabs" id="tab1" checked>
<label for="tab1">Item</label>
<div>
<p><iframe src="" name="iframe_a" scrolling="yes" frameborder="0" height="500px" width="100%" ></iframe></p>
</div>
<input type="radio" name="tabs" class="tabs" id="tab2">
<label for="tab2">Item</label>
<div>
<p><iframe src="" name="iframe" scrolling="yes" frameborder="0" height="500px" width="100%" ></iframe></p>
</div>
<input type="radio" name="tabs" class="tabs" id="tab3">
<label for="tab3">texto</label>
<div>
<p><iframe src="" name="iframe" scrolling="yes" frameborder="0" height="500px" width="100%" ></iframe></p>
</div>
</div>
<p><BR></p>
</BODY>
</HTML>Discussão (2)
Carregando comentários...