相关疑难解决方法(0)

控制虚线边框行程长度和笔画之间的距离

是否可以控制CSS中虚线边框笔划之间的长度和距离？

以下示例在浏览器之间显示不同:

div {
  border: dashed 4px #000;
  padding: 20px;
  display: inline-block;
}

Run Code Online (Sandbox Code Playgroud)

<div>I have a dashed border!</div>

Run Code Online (Sandbox Code Playgroud)

差异很大:IE 11/Firefox/Chrome

IE 11边界 Firefox边框 Chrome边框

有没有什么方法可以更好地控制虚线边框的外观？

css border css3 css-shapes

Ant*_*nAL

2015 07-09

108
推荐指数

8
解决办法

13万
查看次数

如何制作像'行进蚂蚁'一样平滑的虚线边框旋转动画

我正在研究一种使用'cogs and chains'的css动画,但我无法创建一个'平滑'的边框旋转序列.

你可以在这个小提琴中看到如何(当前)我正在使用伪元素来生成'旋转'效果.这是通过在白色虚线和黄色虚线边框之间"切换"来完成的,使其看起来像是"边界在旋转".

是)我有的

#one{
  -webkit-animation: rotateClockwiseAnimation 5s linear infinite; /* Safari 4+ */
  -moz-animation:    rotateClockwiseAnimation 5s linear infinite; /* Fx 5+ */
  -o-animation:      rotateClockwiseAnimation 5s linear infinite; /* Opera 12+ */
  animation:         rotateClockwiseAnimation 5s linear infinite; /* IE 10+, Fx 29+ */

}
#two{
  -webkit-animation: rotateAntiClockwiseAnimation 5s linear infinite; /* Safari 4+ */
  -moz-animation:    rotateAntiClockwiseAnimation 5s linear infinite; /* Fx 5+ */
  -o-animation:      rotateAntiClockwiseAnimation 5s linear infinite; /* Opera 12+ */
  animation:         rotateAntiClockwiseAnimation 5s linear infinite; …

Run Code Online (Sandbox Code Playgroud)

css svg css3 css-animations css-shapes

jbu*_*483

2015 03-04

47
推荐指数

4
解决办法

7905
查看次数

无法在Internet Explorer 8中显示SVG图表

我使用ReportEngine API 创建了一个运行并呈现BIRT报告的servlet .

唯一的问题是在Internet Explorer 8或7中没有显示SVG图像(图表).在运行官方BirtViewer Web应用程序时,它们也会显示在IE8下. 我偷看了BirtViewer生成的HTML并注意到了这个元标记:

<!-- Mimics Internet Explorer 7, it just works on IE8. -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

Run Code Online (Sandbox Code Playgroud)

所以我尝试在我自己生成的HTML中手动添加它,但没有任何更改.我也尝试通过servlet(这是常规方式)编写它:

response.setHeader("X-UA-Compatible", "IE=EmulateIE7");

Run Code Online (Sandbox Code Playgroud)

在setContentType指令后立即,但它甚至没有输出元标记...

编辑:这是由BirtViewer官方webapp生成的HTML(我清理了这里没有兴趣的部分):

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<html>
<head>
<title>BIRT Report Viewer</title>
<base href="http://192.168.81.92:5080/BirtViewer/webcontent/birt">
<!-- Mimics Internet Explorer 7, it just works on IE8. -->
<meta content="IE=EmulateIE7" http-equiv="X-UA-Compatible">
<meta content="text/html; CHARSET=utf-8" http-equiv="Content-Type">

<!-- a lot of scripts -->
</head>

<body class="BirtViewer_Body" style="overflow: hidden; direction: ltr"
    leftmargin="0px" …

Run Code Online (Sandbox Code Playgroud)

svg servlets birt meta-tags internet-explorer-8

blu*_*ish

2011 05-23

5
推荐指数

2
解决办法

1万
查看次数