a:hover{ cursor:url(files/link.cur),progress; } body{ width:80%; background-color:rgba(255,255,255,0.75); margin:auto; height: 100%; min-height: 100%; } html{ Background-color:#8888FF; background-image:url(files/bg.jpg); background-attachment:fixed; background-position:center; background-size:cover; height:100%; } html, body{ cursor:url(files/cursor.cur),progress; } iframe{ overflow:hidden; height:80%; width:100%; border-width:1px; } img{ display:block; margin-left:auto; margin-right:auto; width:90%; } p{ margin-right:10px; margin-left:10px; text-align:center; font-family:calibri; font-size:16px; } #menu a{ display:inline-block; background-color:#0066FF; text-decoration:none; font-family:calibri; color:#FFFFFF; padding:10px 10px; } #menu a:hover{ background-color:#00AAFF; } a.active{ background-color:#0088FF !important; } a.active:hover{ background-color:#00AAFF !important; }
<!DOCTYPE html> <html> <head> <title> Foto's </title> <link rel="icon" type="image/png" href="files/icon.png"> <link rel="stylesheet" href="style.css"> <script src="files/javascript.js"> </script> </head> <body onload="start()"> <br> <div id="menu"> <p style="font-size:20px;"> <a href="index.html"> Welkom </a><a href="agenda.html"> Agenda </a><a href="fotos.html"> Foto's </a><a href="contact.html"> Contact </a> </p> <p style="font-size:16px;"> <a onclick="go('camera/1993-1994.html', this)"> 1993-1994 </a><a onclick="go('camera/1994-2003.html', this)"> 1994-2003 </a><a onclick="go('camera/2003-2004.html', this)"> 2003-2004 </a><a onclick="go('camera/2005-2006.html', this)"> 2005-2006 </a><a onclick="go('camera/2006-2007.html', this)"> 2006-2007 </a><a onclick="go('camera/2007-2008.html', this)"> 2007-2008 </a><a onclick="go('camera/2008-2009.html', this)"> 2008-2009 </a><a onclick="go('camera/2009-2010.html', this)"> 2009-2010 </a><a onclick="go('camera/2011-2012.html', this)"> 2011-2012 </a><a onclick="go('camera/2013-2014.html', this)"> 2013-2014 </a><a onclick="go('camera/2014-2015.html', this)" id="one"> 2014-2015 </a> </p> </div> <iframe id="iframe"> </iframe> </body> </html>
我已经设置了iframe至80%的高度,但它不工作。 它的工作时,身体的高度为100%,但现在我使用的最小高度和这个问题的发展。 另外,我可以用利润率左缘和右不居中的iframe:汽车;. 有谁知道为什么CSS属性不工作,如何解决?
非常感谢你!