Css/浏览器兼容性/joomla

对不起，如果这可能已经回答过，但我真的可以做一个具体的回答，以一套具体的情况。除了基本的css之外，我对任何东西都很陌生

描述我的意思的最好方法是在各种浏览器中查看该站点。

我使用Joomla CMS（版本2.5）为慈善机构制作了这篇文章

如果你在Firefox中查看这个网站，你会发现它的本意是什么（目前还没有完成）。 除了在Opera中一些容易解决的定位问题外，它在Chrome中很好，还可以通过

然后我们进入IE，我刚刚添加了背景：#485fc5让它部分按照我的要求进行渲染，并将以同样的方式在表单上获得背景

我想探索一些其他的样式设计方法，使其在IE中看起来可以接受。我不想走上用图形替换渐变或文本阴影的道路

如果有人在IE中查看，那么有没有可能只调用一组CSS？如果是这样，我该怎么做？这就是所谓的黑客吗

其他的可能性是，当我使用Joomla时，我不得不在特定的内容中加入一些内联样式，我认为生成的一些代码可能是不受欢迎的和/或有点混乱。这会影响它的渲染方式吗

此外，我还匆忙（懒洋洋地）修改了一大块css，并修改了十六进制值以将其纳入我现有的css中。（对于现在不满的人，我道歉）这可能不是最新的语法，我前几天才听说webkit，所以这就是我的新手

我会把它贴在这里，希望不会让自己太尴尬。如果有人想看一眼（或大笑），那就请看。如果您能给我提些建议，我将不胜感激。这是密码

body {
    background:  #485fc5;       
    background-image: linear-gradient(bottom,  #485fc5 13%, #6e86ee 57%, #a0b0f5 79%);
    background-image: -o-linear-gradient(bottom, #485fc5 13%, #6e86ee 57%, #a0b0f5 79%);
    background-image: -moz-linear-gradient(bottom,  #485fc5 13%,#6e86ee 57%, #a0b0f5 79%);
    background-image: -webkit-linear-gradient(bottom,  #485fc5 13%,#6e86ee 57%, #a0b0f5 79%);
    background-image: -ms-linear-gradient(bottom,  #485fc5 13%, #6e86ee 57%, #a0b0f5 79%);
    background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.13, #485fc5),
    color-stop(0.57, #6e86ee),
    color-stop(0.79, #a0b0f5));
}

---

这不是对你问题的具体回答，但它应该会帮助你前进

要针对不支持特定功能的浏览器，请使用。它不允许您专门针对IE，但它将类添加到body标记中，以指示是否支持某些属性。然后，您可以通过以下方式使用该类来确定目标：

/* target browsers that don't support gradients */
.no-cssgradients {
   background-image: url(some-gradient-image);
}

/* a randomly chosen element on a page that doesn't support border radius */
.no-cssborderradius #some-element {
  border: 1px solid red;
}

这样，您不仅可以针对IE，还可以针对其他无法处理渐变、半径或数十个其他css属性的浏览器

---

此外，对于简单的渐变，可以使用边界半径和框阴影，这将使您能够在IE（6及以上）中使用这些功能。

这不是对您的问题的具体回答，但它应该可以帮助您

要针对不支持特定功能的浏览器，请使用。它不允许您专门针对IE，但它将类添加到body标记中，以指示是否支持某些属性。然后，您可以通过以下方式使用该类来确定目标：

/* target browsers that don't support gradients */
.no-cssgradients {
   background-image: url(some-gradient-image);
}

/* a randomly chosen element on a page that doesn't support border radius */
.no-cssborderradius #some-element {
  border: 1px solid red;
}

这样，您不仅可以针对IE，还可以针对其他无法处理渐变、半径或数十个其他css属性的浏览器

---

此外，对于简单的渐变，您可以使用边框半径和框阴影，这将使您能够在IE（6及以上）中使用这些功能。

Holy text wall。你能把它改成更容易理解的格式吗？拿出轶事，留给我们你的具体问题。神圣的文本墙。你能把它改成更容易理解的格式吗？拿出一些趣闻轶事，留给我们你的具体问题。此外，我可以推荐一些reset.css或normalize.css，以确保没有本地浏览器样式导致浏览器之间的布局差异。我认为一些IE特有的错误是由这些差异造成的。谢谢。因此，使用Modernizer生成的JS。我用它做什么？我是否将其放入文件夹并从文档的开头调用。此外，我可以推荐一些reset.css或normalize.css，以确保没有本地浏览器样式导致浏览器之间的布局差异。我认为一些IE特有的错误是由这些差异造成的。谢谢。因此，使用Modernizer生成的JS。我用它做什么？我是否把它放在一个文件夹中，并从文档的开头调用它。