相关疑难解决方法(0)

我一直在寻找解决我遇到的CSS问题的黑客攻击.我曾经使用过一个为Internet Explorer创建自定义规则.

margin-top:45px;
*margin-top:0px;

这个hack是否适用于所有IE浏览器？这个hack是否出现在任何版本的Firefox或Safari中？

我继承了一个CSS样式表,并在一些地方做了类似的事情:

margin:7px 0 0 0;
/margin-top:9px;

要么

background: url(../images/list-hover.png) 0 0 no-repeat;
/background:url(../images/lists-hover.png) 0 2px no-repeat;

有谁知道正斜线在做什么？

具有一个固定宽度列的Bootstrap 4网格问题IE11

我有一个三列网格,其中中间列必须是固定宽度,左右列可以是变量/换行.

代码如下,使用我自己的类作为行包装器.Bootstrap是4.1.1

<div class='centered_content'>

      <div class="row">

        <div class="col-md">
           variable width content
        </div> 

        <div class="col-md m d-none d-md-block ">
            Fixed width content
        </div> 

        <div class="col-md l d-none d-md-block">
            variable width content
        </div> 

      </div> 

</div> 




.centered_content {
  max-width:1130px; 
  margin: auto;
}

问题是在IE11(以及Android 4平板电脑上的"互联网"浏览器)中,当浏览器在最大宽度1100到大约800px之间(在小断点之前)调整大小时,右列与中间列重叠.在其他浏览器中,左右列收缩到足以允许中间保持其固定宽度.

下图说明了这一点.第一个展示了IE浏览器(以及所有其他浏览器)最大化浏览效果,第二张图片显示了宽度减小的Chrome(所需行为),最后一张图片显示IE宽度减小

我知道IE不完全支持flex所以猜测可能是问题.Edge适用于Chrome.任何解决方法？

IE 6和7的哪些css黑客是未来的证据？我的意思是,如果我使用然后他们永远不会产生任何问题,他们的补丁永远不会实现？

管理2 css一个为一个,一个用于IE是耗时的,它还添加了一个额外的样式表.如果任何黑客可以解决主要css中的问题,那么这是一个节省时间,当多个人在同一个项目上工作时,大部分时间我们都忘了在条件css中进行更改.

我不是在询问条件样式表

我使用 flexdashboard 制作了一系列仪表板，并发现它们在 Chrome 中运行良好，但无法在 IE 11 中呈现。

我制作了一个非常简单的仪表板用于测试目的，但我在 IE 中得到的仍然是一个空白页面。如果我将输出从 flexdashboard 更改为 html_document，它呈现得很好，所以问题似乎出在 flexdashboard 而不是 R Markdown。

这是我的简单仪表板：

---
title: "Flexdashboard - Internet Explorer test"
output: 
  flexdashboard::flex_dashboard
---    
```{r setup, include=FALSE}
# Libraries
library(flexdashboard)
library(knitr)
library(ggplot2)
```
Iris
=========================================
Row
-------------------------------------
```{r}
ggplot(data=iris, aes(x=Petal.Length, y=Petal.Width, color=Species)) + geom_point()
```

这就是我在 IE 中得到的全部信息： flexdashboard IE 失败

我没有发现关于这个确切问题的其他报告，只有使用 ggiraph的类似问题。

我让我的同事尝试在她的电脑上使用 IE 打开文件，结果是一样的。我真的很想让这个工作，因为这个组织中的一些人只允许使用 IE。

我在锚标记内有一个 img 标记。ancher 标签位于 div 标签内。我正在使用 img 标签的 alt 属性。alt 属性的值是长度为 68 个字符的文本。我的问题是 alt 属性值（文本）超出了 div 并且隐藏在 IE 中。我的意思是，在显示几个字符后，通常会隐藏或裁剪其余字符。这是我的 html 代码片段。

<div class="products">
    <div class="prod-image"  id="catEntryImage">
        <div class="prodClass" id=WCCE>
           <a><img alt="some text total around 70 character" src="someURL"/></a>
           <P class=gasCode></P>
        </div>
   </div>
   <div class="prod-content"></div>
   <script type="text/javaScript"></script>
</div>

给定 html 片段的 CSS

div {
    line-height: 1.4em;
    word-break: break-all;
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    font-family: arial, helvetica, sans-serif;
    font-size: 100%;
}

img {
    text-decoration: none;
    border:0;
}

a {
    color: …