Html 如何修复每次创建一个名为的新选项卡方法时,背景图像在回发事件中被“剪切”的问题?
下面是运行代码中的.css和.aspx文件。脚本标记将来自gridview中按钮的c代码on click事件,以调用将创建新选项卡的方法 -css文件Html 如何修复每次创建一个名为的新选项卡方法时,背景图像在回发事件中被“剪切”的问题?,html,css,asp.net,background-image,Html,Css,Asp.net,Background Image,下面是运行代码中的.css和.aspx文件。脚本标记将来自gridview中按钮的c代码on click事件,以调用将创建新选项卡的方法 -css文件 .loginpage { background: url('../Images/bg_login.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-backgr
.loginpage
{
background: url('../Images/bg_login.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
-呈现的aspx页面
<script>
window.open('profile_m.aspx', 'MsgWindow');
</script>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" class="loginpage">
<head><title>
Admin
</title>
<link href="css/bootstrap-theme.css" rel="stylesheet" /><link href="css/bootstrap-theme.min.css" rel="stylesheet" /><link href="css/bootstrap.css" rel="stylesheet" /><link href="css/bootstrap.min.css" rel="stylesheet" /><link href="css/style.css" rel="stylesheet" />
<script src="js/bootstrap.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<div id="wrapper">
<form method="post" action="admin.aspx" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTM5MDIzODQwMw9kFgICAw9kFgYCAQ8PFgIeBFRleHQFBWFkbWluZGQCGg88KwARAwAPFgQeC18hRGF0YUJvdW5kZx4LXyFJdGVtQ291bnQCAmQBEBYAFgAWAAwUKwAAFgJmD2QWCAIBD2QWDmYPDxYCHwAFATJkZAIBDw8WAh8ABRRnZXJhbGRndWlvQHlhaG9vLmNvbWRkAgIPDxYCHwAFB2dlcmFsZDNkZAIDDw8WAh8ABQZsYWd1aW9kZAIEDw8WAh8ABQxhcnQgcGVyc29uYXNkZAIFDw8WAh8ABQVNb2RlbGRkAgcPDxYCHwAFBHRydWVkZAICD2QWDmYPDxYCHwAFATRkZAIBDw8WAh8ABRJnZ2xhZ3oyMkBnbWFpbC5jb21kZAICDw8WAh8ABQZnZXJhbGRkZAIDDw8WAh8ABQZsYWd1aW9kZAIEDw8WAh8ABQxhcnQgcGVyc29uYXNkZAIFDw8WAh8ABQVNb2RlbGRkAgcPDxYCHwAFBHRydWVkZAIDDw8WAh4HVmlzaWJsZWhkZAIEDw8WAh8DaGRkAhwPPCsAEQMADxYCHwNoZAEQFgAWABYADBQrAABkGAIFCWd2c1NlYXJjaA9nZAUJZ3ZyZXN1bHRzDzwrAAwBCAIBZJKBFx6jEOFQ4Xru0bjp5i5eDGFwsC9LzGAALrYnKk9G" />
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<!--- NAV --->
<div id="header">
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<a class="navbar-brand" href="#"></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a>Welcome <span id="lblUsername">admin</span></a></li>
<li><a id="linkLogout" href="javascript:__doPostBack('linkLogout','')">Logout</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<!--- END NAV --->
<!--- LOGO --->
<div class="wide" style="margin-top: 100px">
<div class="col-xs-5 line"></div>
<div class="col-xs-2 logo text-center"><img src="Images/aptisthub.png" /></div>
<div class="col-xs-5 line"></div>
</div>
<!--- END LOGO --->
</div>
<div class="container col-md-12 col-md-offset-0 col-xs-12 col-xs-offset-0" id="content">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="panel panel-black">
<div class="panel-heading">
<h3 class="panel-title">Admin Account</h3>
</div>
<div class="panel-body">
<fieldset>
<div class="form-group">
<input type="submit" name="btnregister" value="Agency/Company List" id="btnregister" tabindex="2" class="btn btn-default" />
</div>
>Deactivated TALENTS will be unsearchable (non-caster accounts only)
<!--- BUTTONS --->
<div class="span12 text-center">
<ul class="nav nav-pills center-pills">
<li><input type="submit" name="btnmodels" value="models" id="btnmodels" class="btn btn-primary" style="width:161px;" /></li>
<li><input type="submit" name="btnphoto" value="photographers" id="btnphoto" class="btn btn-primary" /></li>
<li><input type="submit" name="btnma" value="make-up artists" id="btnma" class="btn btn-primary" style="width:161px;" /></li>
<li><input type="submit" name="btnhs" value="hair stylist" id="btnhs" class="btn btn-primary" style="width:161px;" /></li>
<li><input type="submit" name="btndes" value="designers" id="btndes" class="btn btn-primary" style="width:161px;" /></li>
<li><input type="submit" name="btnfs" value="fashion stylist" id="btnfs" class="btn btn-primary" style="width:161px;" /></li>
<li><input type="submit" name="btncaster" value="casters" id="btncaster" class="btn btn-primary" style="width:161px;" /></li>
</ul>
</div>
<!--- END BUTTONS --->
<!--- SEARCH BAR --->
<div class="row margin-top-10">
<div class="col-lg-6">
<div class="input-group">
<input name="txtsearch" type="text" id="txtsearch" class="form-control" placeholder="Search by first name/last name and/or company/agency" />
<span class="input-group-btn">
<input type="submit" name="btnsearch" value="search" id="btnsearch" class="btn btn-default" />
</span>
</div>
</div>
</div>
<!--- END SEARCH BAR --->
<!--- GRIDVIEW --->
<div class="form-group margin-top-10">
<div>
<table class="table table-bordred table-striped" cellspacing="0" rules="all" border="1" id="gvresults" style="border-collapse:collapse;">
<tr>
<th class="hide" align="center" valign="middle" scope="col">ID</th><th scope="col">Username</th><th scope="col">First Name</th><th scope="col">Last Name</th><th scope="col">Company / Agency</th><th scope="col">Profession</th><th align="center" valign="middle" scope="col">View Profile</th><th align="center" valign="middle" scope="col">Active</th><th align="center" valign="middle" scope="col">Deactivate</th><th align="center" valign="middle" scope="col">Activate</th>
</tr><tr>
<td class="hide">2</td><td align="center" valign="middle">geraldguio@yahoo.com</td><td>gerald3</td><td>laguio</td><td align="center" valign="middle">art personas</td><td>Model</td><td align="center" valign="middle"><a href="javascript:__doPostBack('gvresults','viewprofile$0')">View</a></td><td align="center" valign="middle">true</td><td align="center" valign="middle"><input type="button" value="deactivate" onclick="javascript:__doPostBack('gvresults','removal$0')" /></td><td align="center" valign="middle"><input type="button" value="activate" onclick="javascript:__doPostBack('gvresults','activate$0')" /></td>
</tr><tr>
<td class="hide">4</td><td align="center" valign="middle">gglagz22@gmail.com</td><td>gerald</td><td>laguio</td><td align="center" valign="middle">art personas</td><td>Model</td><td align="center" valign="middle"><a href="javascript:__doPostBack('gvresults','viewprofile$1')">View</a></td><td align="center" valign="middle">true</td><td align="center" valign="middle"><input type="button" value="deactivate" onclick="javascript:__doPostBack('gvresults','removal$1')" /></td><td align="center" valign="middle"><input type="button" value="activate" onclick="javascript:__doPostBack('gvresults','activate$1')" /></td>
</tr>
</table>
</div>
</div>
<!--- END GRIDVIEW --->
<!--- GRIDVIEW --->
<div class="form-group margin-top-10">
</div>
<!--- END GRIDVIEW --->
</fieldset>
</div>
</div>
</div>
</div>
<br /><br /><br />
</div>
<!--- FOOTER --->
<div class="navbar navbar-default navbar-fixed-bottom" id="footer-body">
<div class="container-fluid">
<div class="navbar-collapse collapse" >
<ul class="nav navbar-nav">
<li><a href="howitworks.aspx" target="_blank">How it works</a></li>
<li><a href="terms.aspx" target="_blank">Term and Conditions</a></li>
<li><a href="policy.aspx" target="_blank">Privacy Policy</a></li>
</ul>
<ul class="nav navbar-nav pull-right">
<li class="pull-right"><a><span id="Label5" style="font-size:smaller !important;">copyright © 2014 aptisthub.com. All Rights Reserved</span></a></li>
</ul>
</div>
</div>
</div>
<!--- END FOOTER --->
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="67467B03" />
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEdABJsTP4BDj4yQ0aBRRq+ENbcw/Y49wPR6Zh5eO9LorO2SdCTgulUm3dYnilRAOBrl/e0xrzHmBkch+q9CKebWdL/iOzTEfx0+38pU91rmhoD9PQYjyospQQtGGjbJbf6cGL+fdwiAMgw0oqjWFBhEOKTorzho+x2aYtOhE9/+uJaH5JxAIRrgi/qVgER/NontkskWJ/JCTvVyJq7dMsKVwpy5ZdTeOjJ4oGOO2ewXvk8iIyMbrZiIuRkJWoG/sQQsxSiaqltkb5QBKyivx79L91z188YFPbf3P5eAx0HS2iruOgrrACLRvOVyfkgpRzI9qfgu7hETH7S0uFQcOxaPfUZLz95eF/vzQANlld1j/iNeeewmfY45gcDciB+ljQ8Oqi67Sqw1IlwWw7cDnlddOFEsG41Vtx1qTGf4vrS2Giq0w==" />
</div></form>
</div>
<!-- Visual Studio Browser Link -->
<script type="application/json" id="__browserLink_initializationData">
{"appName":"Chrome","requestId":"e3dbf7fdd23f4781a0d9b3438bbdf703"}
</script>
<script type="text/javascript" src="http://localhost:49690/7415574f4c5848d1b12e740079acd404/browserLink" async="async"></script>
<!-- End Browser Link -->
</body>
</html>
但是当调用我的create a new tab方法时,
页面将被剪切,如下所示
_____________
| I |
| M |
| |
| |
|____E_______|
您想问的问题是什么?如何在一个新的选项卡方法(名为)发生回发事件后维护背景图像?因为某些原因,图像在后置后被剪下,当新的标签被创建时,它几乎看起来像是某种面板,或者是隐藏在背景之上的,由你的小图片判断。你确定在新标签上没有任何东西覆盖背景的那一部分吗。在浏览器中运行代码时,点击f12,点击左上角的放大镜,将鼠标悬停在被切断的区域上,看看有什么
_____________
| I |
| M |
| |
| |
|____E_______|