如何使用border-radius.htc和zend框架

时间:2011-01-19 11:04:57

标签: css css3 zend-framework geometry

我正在我正在进行的其中一个项目中构建图表绘制模块。在这个模块中,我使用css绘制圆圈,为了做到这一点我必须使用 “-moz-border-radius:”属性。它在FF中工作正常但在IE中却不行。为了使它在IE中工作,我必须使用“border-radius.htc”来解决问题。 (我使用它像“behavior:url(border-radius.htc);”)。

现在,当我在我的电脑上独立运行模块时,此功能正常。但是当我在Zend框架中嵌入我的代码时,我看不到在IE中绘制的圆圈(在FF中,是的,它们会显示)。我尝试将border-radius.htc文件移动到public / htc /目录,然后在behavior:url()属性中提供正确的url。但没有区别。 我试图在互联网上搜索这个问题,但找不到任何有用的信息。我需要帮助才能让它发挥作用。

有人会好心吗? :)

3 个答案:

答案 0 :(得分:1)

我有同样的问题试图让我的Zend项目中的PIE工作并找到了这个解决方案:

在您的css /目录中添加PIE.htc和PIE.php。

不要在css文件中定义behavior属性,而是在index.phtml中打开样式标记

<style type='text/css'>

    .pie {
        behavior: url(<?php echo $this->baseUrl("/css/PIE.php")?>); 
    }

</style> 

将pie类添加到元素中,例如

<div id="rounder-window" class="rounded-corners pie">
    foo
</div>

当然,您可以在css文件中定义圆角类

.rounded-corders {

    border-radius: 10px;

    -ms-border-radius: 10px;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    -o-border-radius: 10px;

  }

答案 1 :(得分:0)

您使用的是哪种Web服务器?如果它不是Windows服务器(iis),那么你需要添加mime / type(instructions here

答案 2 :(得分:0)

我希望这可以帮助其他人,尝试在IE中使用Zend Framework和PIE.htc功能。 我了解ZF搜索htc文件的步骤是:

  1. 将htc文件放入文件夹&#34; /public/htc/pie.htc"
  2. 在* .css文件中添加条目&#34; behavior:url(htc / pie.htc);&#34; (不含引号)

  3. 在Web服务器中查找日志文件(在我的例子中为Apache),您可以在其中查看Web浏览器中的文件。就我而言,我在access.log中找到了它。

  4. 我去了http://localhost/stats/machines/mem
  5. 我检查了access.log文件并找到了 127.0.0.1 - - [17 / Feb / 2012:12:55:05 +0100]&#34; GET /stats/machines/htc/pie.htc HTTP / 1.1&#34; 404 6256

  6. 然后我修改了* .css文件:&#34; behavior:url(../../ htc / pie.htc);&#34;

  7. 我去了http://localhost/stats/machines/mem

  8. 我检查了access.log文件并找到了 127.0.0.1 - - [17 / Feb / 2012:12:56:41 +0100]&#34; GET /htc/pie.htc HTTP / 1.1&#34; 304 -
  9. 我的* .css更新(添加../../)我的所有情况都不起作用,但是是显示如何找到解决方案的过程。我希望...:)