gpt4 book ai didi

javascript - 让 mydesign 填充 asp.net 页面

转载 作者:行者123 更新时间:2023-11-28 16:36:34 25 4
gpt4 key购买 nike

我有一个 Asp.net 页面我的代码是

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="fisrt_page.aspx.cs" Inherits="my_project.fisrt_page" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link rel="stylesheet" type="text/css" href="../css/login_style.css" />
<title></title>
</head>
<body style="background: url(../images/demo/backgrounds/background_login.jpg);">

<form id="form1" runat="server" style="height: 100%; width: 100%;">
<......................my elements.....................>
</form>
</body>
</html>

我的设计如下图所示

https://plus.google.com/u/0/104984108592274133808/posts/4GdoUjboqi2?pid=6094624686097586866&oid=104984108592274133808

但我希望我的设计填满所有页面并将空间隐藏为我设计中的图像对不起,我的英语不好但请帮助我

我的CSS是

html, head, body, form {
height: 100%;
width: 100%;
}



.inputbox {
background: white;
border: 1px solid #DDD;
border-radius: 5px;
box-shadow: 0 0 5px #DDD inset;
color: #666;
outline: none;
height: 25px;
width: 275px;
font-size: 20px;
}

最佳答案

根据我在您的帖子中收集到的信息,您正在尝试弹出窗口,并用纯色或透明色覆盖背景。为此,您可以执行以下操作:

纯色:

.overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: black;
}

透明色:

.overlay{
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5); /*dim the background*/
}

要激活它,您可以更改使用 jQuery 来显示叠加层:

<div class="overlay" id="overlay"></div>
<script>
$('#overlay').show();
</script>

当然,如果您通过单击按钮或其他一些操作来完成,那将是最好的。

我希望这能引导您朝着正确的方向前进。

关于javascript - 让 mydesign 填充 asp.net 页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27572267/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com