表周围的透明框CSS/HTML

表周围的透明框CSS/HTML,html,css,Html,Css,我一直在尝试在桌子后面制作一个透明的盒子,我可以用它作为背景,但它出现在我的页面的左右两侧,而不仅仅是桌子后面。有没有办法解决这个问题 以下是HTML: <!DOCTYPE HTML> <HEAD> <LINK href="Menu/Menu.css" rel="stylesheet" type="text/css" /> <LINK href="Pictures/Background.css" rel="stylesheet" /> <LI

我一直在尝试在桌子后面制作一个透明的盒子,我可以用它作为背景,但它出现在我的页面的左右两侧,而不仅仅是桌子后面。有没有办法解决这个问题

以下是HTML:

<!DOCTYPE HTML>
<HEAD>
<LINK href="Menu/Menu.css" rel="stylesheet" type="text/css" />
<LINK href="Pictures/Background.css" rel="stylesheet" />
<LINK href="Style/Boxes.css" rel="stylesheet" />
</HEAD>
<BODY>

<nav class="nav">
<ul>
<li class="current"><a href="#"><b>MENU</b></a></li>
<li><a href="Index.html">BLOG</a></li>
<li><a href="#">MUSIC</a></li>
<li><a href="#">PHOTOGRAPHY</a></li>
<li><a href="#">QUOTES & THOUGHTS</a></li>
<li><a href="#">ABOUT ME</a></li>
</ul>
</nav><br><br><br><br><br>

<div class="BlueBox">
<TABLE border="0" align="center" width="60%">
<TR>
<TD ROWSPAN="2" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</TD>
<TD valign="bottom" align="center"><b><i><FONT SIZE="6" COLOR="FFFFFF">What can I say about myself...</FONT></i></b></TD>
<TD ROWSPAN="2" >&nbsp;&nbsp;&nbsp;</TD>
<TD ROWSPAN="2"><IMG SRC="Pictures/Me.JPG" height="400"></TD>
</TR>
<TR>
<TD valign="middle" align="left" >
TEXT
 </TD>
</TR>
</TABLE>
</div>

</BODY>
</HTML>

您的示例只是另一个块元素(div.bluebox)中的一个块元素(表)。。。没有任何东西会阻止您的示例按预期呈现

为了调试设计,我建议您删除表中的所有其他css文件和行跨度,以获得一个最小的示例

Just simply remove  **position:fixed;**  from your css.

.BlueBox{
position:fixed;
background-color:rgba(0,157,255,0.7);
padding:10px 10px 10px 10px;
border-radius:15px 15px 15px 15px;
}
Just simply remove  **position:fixed;**  from your css.

.BlueBox{
position:fixed;
background-color:rgba(0,157,255,0.7);
padding:10px 10px 10px 10px;
border-radius:15px 15px 15px 15px;
}