如何在jsp中设置浏览器兼容性? [英] how to set browser compatiability in jsp?

查看:512
本文介绍了如何在jsp中设置浏览器兼容性?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

当我在firefox中运行我的应用程序(jsp,servlet)时,我正在开发j2e web应用程序。

I am developing j2e web application.


我在chrome中运行相同的网页,它如下图所示。

when i run same page in chrome, it display like below image.

我的代码结构是

     <%@ page language="java" contentType="text/html; charset=UTF-8"
            pageEncoding="UTF-8"%>
     <%@ page import="java.io.*,java.util.*"%>

     <!DOCTYPE>
    or
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/transitional.dtd">

            <html>

            <head>
<style type="text/css">
body{

background-size:1024px 768px;
background-repeat:no-repeat;
background-image: url('styleback.jpeg');


}
</style>

</head>
            <body>
  <div id="mybox" align="left" style="display:none;">

            <form action="ModifyPlannerServlet" method="post" id="ModifyPlannerServletid">
            <div id="SearchDateErrorMsgDiv" style="color: red"></div>
           Select Date : <input type="text" name="dateofSearch" id="dateofSearch" placeholder="Enter Date Here"><br><br>

           <a href="#ListboxDisplayFromDB" id="SearchButtonn"><input type="submit"  value="Search" id="SearchButton" name="SearchButton" disabled ></a>

           </form>
</div>

<div align="center">
<form action="PlannerServlet" method="post" id="PlannerServletid"> 

            <table align="center">

                               <tr>

                                <td><label>Change Chapter</label>
</table>
</form>
</div>

<div id="AddPlannerdiv" align="center">
    <input type="button"  name ="ADDPlanner" id="ADDPlanner" value="Add Planner"  onclick="ArrayScript()" disabled>
    <input type="hidden" value="" id="selectdtext" name="selectdtext">
</div>



            </body>
            </html>

我已经了解了jsp中的浏览器兼容性,但我不明白如何解决这个问题。

I have seen about browser compatibility in jsp but i dont understand how to fix this issue.

如何解决这个问题?

推荐答案

p>

In CSS part you can use

html { 
  background: url(styleback.jpeg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

这篇关于如何在jsp中设置浏览器兼容性?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆