0 0

VML V:oval 问题3

我试图做一个圆环的效果,将一个<v:oval的圆放置在两个报表中间!

我试图将一个 <v:oval 显示在由 <v:shape 和<v:Rect 生成的饼状报表下  


但是我设置z-index 为-1 则在最底下,设置为正数则显示在最上层


望各位不吝赐教!
2012年1月04日 17:21

1个答案 按时间排序 按投票排序

0 0

HTML中的只有position为absolute或relative时,元素的z-index属性才有效,所以,否则,元素的层就是0,如果要实现你说的功能,把<v:shape 和<v:Rect 的css属性position设置为relative或absolute,然后按照你需要的层次顺序赋予z-index值就可以了。

2012年1月04日 17:33

相关推荐

    VML通用属性.

    VML图形标记通常以`&lt;v:形状&gt;`的形式存在,如`&lt;v:oval&gt;`代表椭圆。图形可以有两种结束方式: - 如果图形不包含任何内容,可以使用自闭合标签,例如`&lt;v:oval fillcolor='red' style='width:100;height:150'/&gt;` - ...

    vml完全手册教程(ppt)

    在创建VML页面时,首先要声明一个名为`v`的XML命名空间,例如`&lt;HTML xmlns:v&gt;`,然后使用CSS来指定VML元素的行为。关键的CSS语句如`v\:*{behavior:url(#default#VML);}`告诉浏览器使用VML来处理相应的元素。 以下是...

    vml中文教程(适合初学者)

    2. 圆形(Circle):`&lt;v:oval&gt;`元素创建圆形或椭圆,`path`属性通过`at`参数设定半径。 3. 多边形(Polygon):`&lt;v:polygon&gt;`用于绘制多边形,通过`points`属性指定顶点坐标。 四、图形样式 1. 颜色和填充:`...

    VML经典教程 VML动态画圆、画矩形、画多边形

    &lt;v:oval id="myCircle" style="position:absolute" strokecolor="black" strokeweight="2px" fillcolor="red"&gt; &lt;v:shape path="e" id="circlePath" coordsize="100,100" style="cursor:move;"&gt; &lt;v:path ...

    VML的最全的例子,功能很全

    1. **形状(Shapes)**:包括矩形(`&lt;vml:rect&gt;`)、圆形(`&lt;vml:oval&gt;`)、线条(`&lt;vml:line&gt;`)、曲线(`&lt;vml:arc&gt;`)等基本形状。 2. **路径(Paths)**:使用`&lt;vml:path&gt;`元素,通过路径数据(如`m`移动、`l`...

    Think in VML教程

    在VML中,可以使用`&lt;v:oval&gt;`、`&lt;v:rect&gt;` 和 `&lt;v:line&gt;` 结合数据来构造表、字段和关联。通过动态调整图形大小和位置,可以适应各种复杂的数据模型。 曲线图和柱状图则常用于数据可视化。曲线图(折线图)可以用 `...

    VML基础教程,ppt

    此外,VML还提供了一些派生自`&lt;v:shape&gt;`的特定形状对象,如`&lt;v:rect&gt;`(矩形)、`&lt;v:roundrect&gt;`(圆角矩形)、`&lt;v:oval&gt;`(圆形)、`&lt;v:line&gt;`(直线)和`&lt;v:polyline&gt;`(不规则折线)。这些对象简化了常见图形的...

    VML实例VML实例

    1. **形状元素**:如`&lt;v:rect&gt;`, `&lt;v:oval&gt;`, `&lt;v:line&gt;`, `&lt;v:polygon&gt;`等,它们各自代表不同的图形。 2. **属性**:如`fillcolor`, `strokcolor`, `stroke-width`, `fill-opacity`等,用于定制图形的外观。 3. **...

    js+vml.chm

    例如,`&lt;v:shape&gt;`元素用于创建自定义形状,`&lt;v:line&gt;`用于绘制直线,`&lt;v:oval&gt;`用于绘制圆形。 5. 实例应用:在电子书中,可能会包含如何用JS和VML创建动态图表、地图、按钮或其他交互式矢量图形的示例。这些实例...

    VML图像画版

    4. **&lt;v:oval&gt;**: 画圆或椭圆,通过`width`和`height`决定其尺寸,`filled`属性控制是否填充颜色。 5. **&lt;v:textpath&gt;**: 在路径上放置文本,通常与`&lt;v:shape&gt;`元素配合使用。 在`VML图像画版.htm`文件中,可能包含...

    VML的基本概念.docx

    除了基础的`&lt;v:shape&gt;`,VML还提供了其他形状对象,如`&lt;v:rect&gt;`(矩形)、`&lt;v:roundrect&gt;`(圆角矩形)、`&lt;v:oval&gt;`(圆形)、`&lt;v:line&gt;`(直线)、`&lt;v:polyline&gt;`(多边形线)和`&lt;v:image&gt;`(图像)。这些对象简化...

    VML教程

    VML还提供了多种形状对象,如`Rect`(矩形),`RoundRect`(圆角矩形),`Oval`(圆形),`Line`(直线),`PolyLine`(多边形折线)和`Image`(图像)等,可以创建出丰富的图形效果。 在后续的教程中,将会进一步探讨如何利用`...

    VML入门到精通(例子)

    - **形状**:包括矩形(`&lt;v:rect&gt;`)、圆形(`&lt;v:oval&gt;`)、线条(`&lt;v:line&gt;`)、曲线(`&lt;v:polyline&gt;`和`&lt;v:polygon&gt;`)等。 - **路径**:通过`&lt;v:path&gt;`元素可以创建复杂路径,使用SVG的`d`属性语法。 - **文本处理**:...

    vml入门教程 适合初学者

    例如,你可以使用`&lt;v:line&gt;`创建直线,`&lt;v:oval&gt;`创建圆形,`&lt;v:rect&gt;`创建矩形。每个形状都可以通过`style`属性来设置填充颜色、边框宽度和颜色等样式。另外,`&lt;v:path&gt;`元素可以用来绘制更复杂的路径,包括贝塞尔...

    VML简介

    除了基础的`&lt;v:shape&gt;`元素,VML还提供了多种派生对象,如`&lt;v:rect&gt;`(矩形)、`&lt;v:roundrect&gt;`(圆角矩形)、`&lt;v:oval&gt;`(圆形)、`&lt;v:line&gt;`(直线)、`&lt;v:polyline&gt;`(多边形线)和`&lt;v:image&gt;`(图像)。...

    JS操作VML

    除了形状,VML还提供了`&lt;v:textbox&gt;`用于文本处理,`&lt;v:line&gt;`用于绘制线条,以及`&lt;v:arc&gt;`、`&lt;v:oval&gt;`等用于更复杂的形状。JavaScript可以通过修改它们的属性来实现动态效果。 在实际开发中,我们可能需要处理更...

    vml资料(资料+例子供大家参考)

    VML还支持其他图形元素,如圆(`&lt;v:oval&gt;`)、线(`&lt;v:line&gt;`)、曲线(`&lt;v:curve&gt;`)以及路径(`&lt;v:path&gt;`),通过这些元素可以构建复杂的图形。路径元素特别强大,因为它可以使用SVG的`d`属性来定义形状的轮廓。 ...

    vml实例,实现画流程

    - **椭圆/圆形**:使用`&lt;v:oval&gt;`标签创建,通过`style="width:XX;height:YY"`定义椭圆的大小,其中XX和YY是半径的两倍。 3. **绘制线条**: 使用`&lt;v:line&gt;`标签绘制线条,`from`和`to`属性分别定义线条的起始和...

    think in vml

    接下来,VML提供了丰富的图形绘制能力,包括线条 `&lt;v:line&gt;`、圆 `&lt;v:oval&gt;`、椭圆 `&lt;v:roundrect&gt;` 和自定义路径 `&lt;v:path&gt;`。通过调整这些元素的属性,可以构建复杂的图形和设计。 路径绘制是VML的一个强大特性,...

    vml入门,vml入门

    例如,你可以用`&lt;v:oval&gt;`来创建一个椭圆,`&lt;v:rect&gt;`来创建一个矩形,而`&lt;v:line&gt;`则用于绘制线条。 2. **样式和属性**:与HTML类似,VML元素也可以通过内联样式或CSS样式表进行样式化。常见的属性包括`fill`...

Global site tag (gtag.js) - Google Analytics