Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/oop/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery CSS';重叠';关于我的ASP.NET CSS_Jquery_Asp.net_Css_Html - Fatal编程技术网

Jquery CSS';重叠';关于我的ASP.NET CSS

Jquery CSS';重叠';关于我的ASP.NET CSS,jquery,asp.net,css,html,Jquery,Asp.net,Css,Html,基本上,在我的设计&浏览器中,JQuery滑块的CSS使我的ASP.NET按钮以这种方式显示,即使按钮的实际CSS显示在后面,在该部分中,它应该如下图所示 当页面运行时,我是否引用了ASP方面的错误信息?它应该如何运行?这只是它的样式,我可能出错了,或者可能有一些我不应该有的东西,所以我的问题是,你能想出任何可能导致我手上出现问题的错误信息吗 <%@ Page Language="VB" AutoEventWireup="false" CodeFile="MachineSweepLite.

基本上,在我的
设计
&
浏览器
中,JQuery滑块的CSS使我的ASP.NET按钮以这种方式显示,即使按钮的实际CSS显示在后面,在该部分中,它应该如下图所示

当页面运行时,我是否引用了ASP方面的错误信息?它应该如何运行?这只是它的样式,我可能出错了,或者可能有一些我不应该有的东西,所以我的问题是,你能想出任何可能导致我手上出现问题的错误信息吗

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="MachineSweepLite.aspx.vb" Inherits="Production_MachineSweepLite" %>
  <%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>
   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
   <html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">
 <title></title>
  <link  href="jquery.mobile-1.4.2.css" rel="stylesheet" />
   <link id="stylesheet" href="ControlStyle.css" rel="stylesheet" type="text/css" runat="server" />
    <script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'>     </script>
     <script type='text/javascript' src='jquery.mobile-1.4.2.js' ></script>
       <meta name="viewport" content="width=device-width; initial-scale = 1.0; maximum-scale=1.0; user-scalable=no" />
       </head>
<body background="../icons/Building-Confidence-logo.jpg" onload="init();">
 <form id="form1" runat="server" class="formbackground">
  <h1 runat="server" id="pageTitle"> </h1>
            <asp:GridView ID="GridView1" runat="server" DataSourceID="SqlDataSource1" 
                      AutoGenerateColumns="False" BackColor="White" Width="100%" 
                      style="font-size: xx-large">
               <AlternatingRowStyle BackColor="#CCFFFF" />
                <Columns>
                 <asp:BoundField DataField="Questions" HeaderText="Questions" SortExpression="Questions" />
                  <asp:TemplateField ItemStyle-Width="15%">
                    <ItemTemplate>
                      <div style="height: 50px; float: left; width: 27%;">
                        <%-- <label for="quesTion"></label>--%>
                         <select name="quesTion" id="quesTion" data-role="slider" runat="server">
                          <option value="Yes" selected="selected">Yes</option>
                           <option value="No">No</option>
                            </select>
                              </div>
                               </ItemTemplate>
                                </asp:TemplateField>
                                 </Columns>
            </asp:GridView>
             <asp:SqlDataSource ID="SqlDataSource1" runat="server"
              ConnectionString="<%$ ConnectionStrings:saleConnectionString %>"                  SelectCommand="Select AreaID, QuestionID, Questions From (Select AreaID, Question1,
  Question2,
  Question3,
  Question4,
  Question5,
  Question6,
  Question7
From MachineSweepQuestions) x
UNPIVOT
(
  Questions
  For QuestionID in (Question1, Question2, Question3, Question4, Question5, Question6,Question7)
) unpiv Where AreaID = @AreaID">
              <SelectParameters>
               <asp:QueryStringParameter Name="AreaID" QueryStringField="AreaID" />
                </SelectParameters>
                 </asp:SqlDataSource>
                   <div style="width: 300px">
                   <asp:Button ID="backBtn" runat="server" Text="Back" cssclass="classname" 
                   Height="50px" Width="90px" />
               &nbsp;<asp:Button ID="checkBtn" runat="server" Text="Complete Check" cssclass="classname" 
                   Height="50px" Width="149px" />
              </div>
             </form>
            </body>
           </html>

对
不

页面上引用了JQuery Mobile,它将设置自己的样式。您可以在按钮上设置一个主题样例,以设置默认移动样式之一

或者您可以使用主题滚轮创建自定义主题


另一个选项是覆盖可能很棘手的样式。这里有一个问题讨论这个问题,以及您如何能够覆盖

嗨,Elizabeth,这个应用程序目前实际上被编码为从移动浏览器显示到平板电脑(移动设备)中,因此我知道它可以设置自己的风格,你认为这与
标记中的交叉引用有关吗?标记是
类,实际上在我的任何CSS中都没有引用,因为它阻止了我的背景显示,这意味着它可能占据了应用程序的前端?我真的不知道,但是Jquery主题目前超出了我的能力&我认为客户(我的老板)不会希望这样做。那么你有什么建议呢?我不确定这是否与表格上的课程有关,不过你可以试着把它拿出来看看是否有什么不同。我很确定问题在于JQuery移动库的使用,因为它将扩展按钮的宽度并应用基本样式,基本样式位于实际按钮的顶部。这是默认行为。它可以被针对JQuery Mobile类的CSS覆盖,应用主题将使您能够根据自己的偏好设置其样式,这将为您设置所有按钮样式和其他控件,或者通过删除JQuery Mobile framework来停止。不过,您也可以在按钮上设置data role=“none”以使JQuery Mobile忽略它们。data role=“一个也没有”对我来说很神奇,谢谢你,伊丽莎白。