Javascript 使mydesign填充asp.net页面

Javascript 使mydesign填充asp.net页面,javascript,jquery,html,css,asp.net,Javascript,Jquery,Html,Css,Asp.net,我有一个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"> <

我有一个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>

从我在你的帖子中收集到的信息来看,你正在尝试弹出一个窗口,用纯色或透明色覆盖你的背景。要实现这一点,您可以执行以下操作:

纯色:

.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*/
}
透明颜色:

.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*/
}
要激活此选项,可以更改use jQuery以显示覆盖:

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

$(“#覆盖”).show();
这当然是最好的,如果你在一个按钮点击或其他一些行动


我希望这能引导你走向正确的方向

你需要学习一些基本的css来做it@charlietfl我有一个CSS文件,我在里面做了很多类的样式,但问题仍然存在,你需要向我们提供你用CSS尝试过的东西,否则我们只是在为你做所有的工作。这就是为什么。你想用覆盖层覆盖整个页面吗?