html – 在css属性中使用不重要！

发布时间：2020-12-14 18:51:20 所属栏目：资源来源：网络整理

导读：不太了解css,纯粹是一个 Java / J2EE开发人员,但是在某些我无法解决的CSS拼图中, 我正在使用一个具有Jquery灯箱效果的表单,它具有id和class的div div id="contact-container" class="myclass" style="z-index: 1002; height: 386px; width: 450px; position:

不太了解css,纯粹是一个 Java / J2EE开发人员,但是在某些我无法解决的CSS拼图中,

我正在使用一个具有Jquery灯箱效果的表单,它具有id和class的div

<div id="contact-container"
     class="myclass"
     style="z-index: 1002; height: 386px; width: 450px; position: fixed; left: 406.5px; top: 15%; ">

在我的css文件中,我看到以下条目

#contact-container {
    font: 16px/22px 'Trebuchet MS',Verdana,Arial;
    text-align:left;
    width:450px;
}

但是当这个表单显示为jquery弹出窗口时,它会在Mozilla中正确显示,但是在Google Chrome和IE上,该框没有正确地出现,只能作为滚动条的一部分.

当我通过firebug(第一次使用:)看到它)显示我的东西

<div id="contact-container"
     class="myclass" 
     style="position: fixed; z-index: 1002; height: 67px; width: 450px; left: 406.5px; top: 15%;">

对于IE和Mozilla来说,对于相同的设置来说,这是不正确的,所以在大量的Goggling之后,我做了以下更改

#contact-container {
    font: 16px/22px 'Trebuchet MS',Arial;
    text-align:left;
    width:450px;
    height:380px !important;
}

我按高度固定高度：380px！important;

虽然这解决了我的问题,但不知道CSS我不知道这是否是正确的方法,我搜索高度,但没有在任何地方定义.

请建议我采取了错误的做法

解决方法

重要的是一个有用的工具,但缺点是它是一种最后的工具.所以你不想过度使用它,因为你会最终导致头痛的道路上的任何人谁维护网站.

但是,您的示例是典型的用途.发生了什么事情是JS正在注入内联样式属性.因此,这是跨越CSS中的级联.重要的是让你过度骑行.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!