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/) Powered by Discuz! X2