CSS
各位高手,小弟新手请教一个比较低级的问题我在login.jsp中使用div将几个text框和一个botton定位到背景图上相应的位置。但是我在css中对height和top使用百分比时无效,但使用像素又是可以的。我百度了该情况,一般都说是因为IE默认body的height为空的,必须定义body的height才可以。但我已定义了body的height为了100%,仍然无效。只好请教各位高手了。下面是具体的代码:
css文件中作了几个定义:
.loginBg{
background-repeat:no-repeat;
background-position:center top;
background-image:url(../images/loginBackGroud.jpg);
background-attachment:fixed;
margin: 0px;
width:100%;
height:100%;
}
.loginTableTop{
position:relative;
float:center;
top:14.29%;
/*top:100px;*/
width:50%;
height:53.57%;
z-index:999;
background-color:green;
}
.loginTable{
position:relative;
float:center;
left:0%;
top:46.86%;
/*top:328px;*/
width:30%;
height:17.86%;
/*height:125px;*/
z-index:999;
background-color:red;
}
.loginTableBottom{
position:relative;
float:center;
width:80%;
heigth:32.86%;
top:500px;
z-index:999;
background-color:blue;
}
我在login.jsp文件中是这样使用的
回复讨论(解决方案)
没人愿意帮忙吗?????
只有当DIV是绝对定位时,高度才能使用百分比
你的意思是DIV中style="position:ralative"改为absulte?
但是这样的话,当浏览器窗口大小发生改变的时候,位置就会发生改变呀
如果我还是想用relative的话,怎么设置高度呢
ie9 以下 使用 position:ralative 的块级 元素使用 高度百分比是无效的。
firefox,webkit浏览器就起作用。
为了兼容各款浏览器,建议你加入min-height属性
还有你现在的布局实在是太糟糕了,表格使用过度了
你把你想要的效果图贴上来,我再看看怎么帮你吧。
这是背景图:
我的想法是将用户框、密码框和登录做到地图的位置。位置为相对的,可以随着浏览器大小变化自动调节
但是高度无效
你是不是想实现 登录对话框屏幕居中啊?
对,我是想让正好和地图的登陆框重合
从视觉上是在底图的登陆框那里进行输入帐户密码
背景 和 登录框 必须分离出来,不然不好定位。
加Q 225733202

公眾號網頁更新緩存,這玩意兒,說簡單也簡單,說複雜也夠你喝一壺的。你辛辛苦苦更新了公眾號文章,結果用戶打開還是老版本,這滋味,誰受得了?這篇文章,咱就來扒一扒這背後的彎彎繞繞,以及如何優雅地解決這個問題。讀完之後,你就能輕鬆應對各種緩存難題,讓你的用戶始終體驗到最新鮮的內容。先說點基礎的。網頁緩存,說白了就是瀏覽器或者服務器為了提高訪問速度,把一些靜態資源(比如圖片、CSS、JS)或者頁面內容存儲起來。下次訪問時,直接從緩存裡取,不用再重新下載,速度自然快。但這玩意兒,也是個雙刃劍。新版本上線,

本文討論了使用HTML5表單驗證屬性,例如必需的,圖案,最小,最大和長度限制,以直接在瀏覽器中驗證用戶輸入。

本文展示了使用CSS為網頁中添加有效的PNG邊框。 它認為,與JavaScript或庫相比,CSS提供了出色的性能,詳細介紹瞭如何調整邊界寬度,樣式和顏色以獲得微妙或突出的效果

本文討論了html< datalist>元素,通過提供自動完整建議,改善用戶體驗並減少錯誤來增強表格。Character計數:159

本文討論了HTML< Progress>元素,其目的,樣式和與< meter>元素。主要重點是使用< progress>為了完成任務和LT;儀表>對於stati

本文解釋了HTML5< time>語義日期/時間表示的元素。 它強調了DateTime屬性對機器可讀性(ISO 8601格式)的重要性,並在人類可讀文本旁邊,增強Accessibilit

本文討論了HTML< meter>元素,用於在一個範圍內顯示標量或分數值及其在Web開發中的常見應用。它區分了< meter>從< progress>和前


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

禪工作室 13.0.1
強大的PHP整合開發環境

SublimeText3漢化版
中文版,非常好用

SublimeText3 Linux新版
SublimeText3 Linux最新版

記事本++7.3.1
好用且免費的程式碼編輯器

Dreamweaver CS6
視覺化網頁開發工具