2014-12-19 25 views
-1

我有一个Asp.net页面 我的代码是化妆mydesign填补了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; 
} 
+0

您需要学习一些基本的CSS来做到这一点 – charlietfl

+0

@charlietfl我有一个CSS文件,我做了很多类的样式,但问题仍然存在 – mero

+0

您需要向我们提供您已经尝试过的CSS,否则我们只是为你做所有的工作。这是现在的目标。 – CodeLikeBeaker

回答

2

从我可以在您的文章收集,你正在尝试做一个弹出窗口,并覆盖有一种固体或透明色的背景。要做到这一点,你可以做到以下几点:

固体颜色:

.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> 

这当然是最好的,如果你在按钮点击或其他一些行动。

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

+1

我怎么能感谢你......你让我的一天:) – mero