Question

我在这里有这种形式，当我在移动设备上时消失了。我真的不明白为什么？任何人都可以帮我解决这个问题吗？我已经完成了代码，但我找不到任何解决方案。

.customclass h3{
    margin: 0 0 20px 0;
    font-family: 'Open Sans';
    font-weight: 300;
    color: #444;
    text-transform: none;
    font-size: 24px;
    line-height: 30px;
}

#form_over .formResponsive .formHorizontal .formControls {
    margin-left: 0
}
#form_over .formResponsive .formHorizontal .formControlLabel {
    float: none;
    width: auto;
    padding: 0px;
    text-align: left;
    margin-bottom: 5px
}
#form_over .formResponsive input[type="text"] {
    height: 35px;
    padding-left: 10px;
    font-size: 15px
}
#form_over .formResponsive .formHorizontal .rsform-block {
    margin-bottom: 0
}
#form_over .formResponsive .formBody #tilmeld {
    font-weight: 900;
    font-size: 18px;
    border-radius: 4px;
    background-color: #166687;
    background-image: none;
    line-height: 50px;
    padding-left: 25px;
    padding-right: 25px;
    width: 98% !important;
    max-width: 98% !important;
    border: none;
    text-shadow: none;
    -webkit-appearance: none
}
#form_over .formResponsive .formBody #modtag {
    font-weight: 900;
    font-size: 18px;
    border-radius: 4px;
    background-color: #166687;
    background-image: none;
    line-height: 50px;
    padding-left: 25px;
    padding-right: 25px;
    width: 98% !important;
    max-width: 98% !important;
    border: none;
    text-shadow: none;
    -webkit-appearance: none;
  background-color: #F1A900;
}
#form_over .formResponsive input {
    width: 92%
}
#form_over .formResponsive {
    margin-bottom: 0
}

Answer 1

在custom.css文件中，您有以下代码：

@media only screen and (max-width: 767px) { /* mobile devices */

  .customclass {
    position: relative;
    top: 0px; 
    right: 0%;
    z-index: 100;
    height: 74%;
    background: white;
    padding: 0 50px;
    }
}

正如您所看到的，当屏幕宽度为767px或更小时，表格的样式会被覆盖。只需删除background: white;，您就可以了。

移动设备上的背景消失

1 个答案: