查看: 6012|回复: 16

框架中css样式失效 [复制链接]

wen369971016

中级会员

Rank: 3 Rank: 3

电梯直达

楼主

发表于 2015-7-22 10:12:08 |只看该作者 |倒序浏览

本帖最后由 wen369971016 于 2015-7-22 10:13 编辑

.tools {
      -moz-border-radius:8px;
      -webkit-border-radius:8px;
      border-radius: 8px;
      border-color: black;
      border-style:solid;
      border-width:1px;
      width: 120px;
      height:25px;
      float: left;
      border: 3px;
      text-align: center;
      margin-right:3px;
}

<div name="periodTimeTwo" class="tools">
      <h3>
            1-<span id="twotime"></span>天 <span style="color: red;" id="twoNum"></span>
      </h3>
</div>

这个圆角在谷歌中可以用，但是在ie下没效果，单独用的时候还是正常的，但是用在miniui框架下，就没效果了，这是怎么回事啊

收藏0

felt

超级版主

Rank: 8 Rank: 8

沙发

发表于 2015-7-22 11:02:03 |只看该作者

本地ie测试。可以显示圆角
你这个样式里面border：会覆盖border-color,border-style,border-width等属性

wen369971016

中级会员

Rank: 3 Rank: 3

板凳

发表于 2015-7-22 11:08:49 |只看该作者

本帖最后由 wen369971016 于 2015-7-22 11:17 编辑

felt 发表于 2015-7-22 11:02
本地ie测试。可以显示圆角
你这个样式里面border：会覆盖border-color,border-style,border-width等属性
...

附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

wen369971016

中级会员

Rank: 3 Rank: 3

地板

发表于 2015-7-22 11:29:50 |只看该作者

本帖最后由 wen369971016 于 2015-7-22 10:13 编辑

.tools {
      -moz-border-radius:8px;
      -webkit-border-radius:8px;
      border-radius: 8px;
      width: 120px;
      height:25px;
      float: left;
      text-align: center;
      margin-right:3px;
}

我改成这样后也是不行的

felt

超级版主

Rank: 8 Rank: 8

5^#

发表于 2015-7-22 13:17:19 |只看该作者

wen369971016 发表于 2015-7-22 11:29
本帖最后由 wen369971016 于 2015-7-22 10:13 编辑

你这些东西是放在什么地方的，请用浏览器工具看这些元素的样式，最后是由什么样式影响了

wen369971016

中级会员

Rank: 3 Rank: 3

6^#

发表于 2015-7-22 13:28:59 |只看该作者

本帖最后由 wen369971016 于 2015-7-22 13:40 编辑

felt 发表于 2015-7-22 13:17
你这些东西是放在什么地方的，请用浏览器工具看这些元素的样式，最后是由什么样式影响了 ...

这是加上框架后，就成这样了，单独页面使用时时这样的

附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

felt

超级版主

Rank: 8 Rank: 8

7^#

发表于 2015-7-22 15:29:41 |只看该作者

wen369971016 发表于 2015-7-22 13:28
这是加上框架后，就成这样了，单独页面使用时时这样的

请提供css和页面，让我本地看一下

wen369971016

中级会员

Rank: 3 Rank: 3

8^#

发表于 2015-7-22 16:15:53 |只看该作者

本帖最后由 wen369971016 于 2015-7-22 16:17 编辑

felt 发表于 2015-7-22 15:29
请提供css和页面，让我本地看一下

发不了文件

<%@ page language="java" contentType="text/html; charset=UTF-8"
      pageEncoding="UTF-8" session="false" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<title>Title</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<style type="text/css">
         .tools {
                     -moz-border-radius:8px;
                     -webkit-border-radius:8px;
                     border-radius: 8px;
                     width: 120px;
                     height:25px;
                     float: left;
                     text-align: center;
                     margin-right:3px;
            }
</style>
</head>
<body>
      <div name="periodTimeOne" style="background-color:red" class="tools"></div>
</body>
</html>

单独使用时，IE是可以显示圆角的，但是一嵌入到miniui框架，圆角就变方框了