jQuery MiniUI

标题: 框架中css样式失效 [打印本页]

作者: wen369971016 时间: 2015-7-22 10:12:08 标题: 框架中css样式失效

本帖最后由 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框架下，就没效果了，这是怎么回事啊

作者: felt 时间: 2015-7-22 11:02:03

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

作者: wen369971016 时间: 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等属性
...

[attach]6384[/attach]

作者: wen369971016 时间: 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 时间: 2015-7-22 13:17:19

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

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

作者: wen369971016 时间: 2015-7-22 13:28:59

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

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

[attach]6387[/attach]
这是加上框架后，就成这样了，单独页面使用时时这样的
[attach]6386[/attach]

作者: felt 时间: 2015-7-22 15:29:41

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

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

作者: wen369971016 时间: 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框架，圆角就变方框了

作者: felt 时间: 2015-7-22 16:17:20

wen369971016 发表于 2015-7-22 16:15
发不了文件

回复右上角高级模式，可以上传文件

作者: wen369971016 时间: 2015-7-22 16:19:18

felt 发表于 2015-7-22 16:17
回复右上角高级模式，可以上传文件

JSP文件发不了

作者: felt 时间: 2015-7-22 16:25:32

wen369971016 发表于 2015-7-22 16:19
JSP文件发不了

压缩包

作者: wen369971016 时间: 2015-7-22 16:28:59

felt 发表于 2015-7-22 16:25
压缩包

[attach]6390[/attach]
这个里面只有一个JSP文件

作者: felt 时间: 2015-7-22 16:36:49

wen369971016 发表于 2015-7-22 16:28
这个里面只有一个JSP文件

[attach]6391[/attach]
如图引用了miniui，正常有圆角

作者: wen369971016 时间: 2015-7-22 16:52:10

felt 发表于 2015-7-22 16:36
如图引用了miniui，正常有圆角

[attach]6393[/attach]

作者: felt 时间: 2015-7-22 16:54:12

wen369971016 发表于 2015-7-22 16:52

请自己检查，如果你的浏览器支持html5的样式，引用了MiniUI,肯定还是会支持的

作者: wen369971016 时间: 2015-7-22 16:55:46

felt 发表于 2015-7-22 16:54
请自己检查，如果你的浏览器支持html5的样式，引用了MiniUI,肯定还是会支持的 ...

我用的是IE11，最新的

作者: felt 时间: 2015-7-22 17:05:34

wen369971016 发表于 2015-7-22 16:55
我用的是IE11，最新的

1 ie只支持标准模式
2 请使用标准doctype
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

3本地ie11下多次测试未发现任何问题

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)