我一直在疯狂地尝试将div应用于包含图像的另一个div。 div应包含一个简单的HTML链接,如下图所示:
https://dl.dropbox.com/u/39682698/Fraud-Fighter2.png
不幸的是,当页面呈现图像时,URL不在图像的中心,如在此处的实时网站上所示:
http://us.aktive.me/maintenance/
HTML:
<html>
<head>
<meta charset="utf-8">
<title>ThreatMetrix Maintenance Page</title>
<link href="main.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="container">
<div id="apDiv1"><a href="http://threatmetrix.com/support">http://threatmetrix.com/support</a></div>
<div id="image"><img src="fraud-fighter.png" width="977" height="750" alt="ThreatMetrix Maintenance Page" /></div>
</div>
</body>
</html>
CSS:
@charset "utf-8";
/* CSS Document */
body {
background-color: #3fa9f5;
/*background-image:url(fraud-fighter.png);*/
background-repeat:no-repeat;
background-position:center;
background-position:top;
font-size : 1.5em;
font-family : Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
a:link { background-color: transparent; color:#f28a1a}
a:visited { background-color: transparent; color:#f28a1a}
a:active { background-color: transparent; position:relative}
a:hover { background-color: transparent; color:#cb7518}
a.noformat { text-decoration: none; color: #121212}
#container {
width: 1000px;
height: 800px;
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
}
#apDiv1 {
margin-top: 240px;
text-align: center;
position:absolute;
}
#image {
z-index: 10;
}
一百万感谢提前给任何可以帮助我的人:)
-Dean
答案 0 :(得分:0)
将css设置如下。
#apDiv1 {
position: absolute;
right: 350px;
text-align: center;
top: 250px;
}
如果你想进入%
#apDiv1 {
position: absolute;
left: 30%;
text-align: center;
top: 31%;
}
答案 1 :(得分:0)
要使你的DIV居中,你可以这样做:
width:400px; left:50%; margin-left: -200px;
答案 2 :(得分:0)
您的#apDiv1需要与容器div的宽度相同。
答案 3 :(得分:0)
根据您的设计,定义您的ID
#apDiv1
left 50%
和margin-left
就像这样
#apDiv1 {
left: 50%;
margin-left: -185px;
}
/////////////////////////////////////////////// ////////////////////////////////////////////
第二种方法是
现在定义您的ID
#apDiv1
left:0
和right:0;
#apDiv1{
left:0;
right:0;
}
答案 4 :(得分:0)
将apDiv1 css设置为
以下#apDiv1 {
margin-top: 242px;
text-align: center;
position: absolute;
width: 100%; }
答案 5 :(得分:0)
这应该有效
#apDiv1 {
width:inherit;
text-align: center;
position:absolute;
top:240px;
}