标签: opera

我的代码在IE8,Firefox和Safari中运行良好.但它在Opera中无法正常工作.发生的事情是隐藏了DIV,但DIV占用的空间仍然出现在我的网页中.

<div  style=" z-index:-1;height :380; width:760; position:relative; text-align:center" id="new-add">
    <object id="banner-flash" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" 
    codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" 
        width="769" height="382" top="0"> 
    <param name="movie"  value="exp.swf" /> 
    <param name="quality" value="high" /> 
    <param name="bgcolor" value="#ffffff" /> 
    <param name="wmode" value="transparent" />
    <embed src="exp.swf" wmode="transparent" quality="high" bgcolor="#ffffff" width="780" height="382"
 name="mymoviename" align="" type="application/x-shockwave-flash" 
    pluginspage="http://www.macromedia.com/go/getflashplayer"> 
    </embed> 
    </object> 
</div>

<div  id="fechar-link" style=" font-family: Verdana,Arial,Helvetica,sans-serif; font-style: normal; 
    font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; 
    font-stretch: normal; text-decoration: none; text-align:center" >
    <a href="#" onclick="
        document.getElementById('new-add').style.height =0;
        document.getElementById('banner-flash').style.height =0;
        document.getElementById('fechar-link').style.height  = 0;

        document.getElementById('new-add').style.visibility …

当我查看Opera Dragonfly中的"网络"选项卡时,我没有看到POSTEd参数或RESPONSE内容.这是我看到的:

 Raw Response
 HTTP/1.1 200 OK
 Server: Microsoft-IIS/5.1
 Date: Thu, 15 Jul 2010 12:43:19 GMT
 X-Powered-By: ASP.NET
 X-AspNet-Version: 2.0.50727
 Cache-Control: no-cache
 Pragma: no-cache
 Expires: -1
 Content-Type: text/html; charset=utf-8
 Content-Length: 22320

在Dragonfly中,有没有办法检查发布到服务器的参数和服务器的实际响应？

就像firefox将firebug作为Web应用程序开发人员的有效工具一样,我想知道在Opera中是否有类似的工具用于Web开发人员？

我见过一对夫妇的其他职位上这里的问候jQuery的.css()不工作-webkit-gradient,但是我还没有找到一个有关-ms-linear-gradient,-o-linear-gradient和linear-gradient.

简而言之,我已经创建了一个函数,它#hex使用所有最流行的CSS属性来设置元素的基础背景渐变,以便直接从ColorZilla获取跨浏览器兼容性.

以下是我正在谈论的特定片段:

$(elem).css({
        'background': b,
        'background': '-moz-linear-gradient(top,  '+a+' 0%, '+b+' 100%)', 
        'background': '-webkit-gradient(linear, left top, left bottom, color-stop(0%,'+a+'), color-stop(100%,'+b+'))',
        'background': '-webkit-linear-gradient(top,  '+a+' 0%,'+b+' 100%)',
        'background': '-o-linear-gradient(top,  '+a+' 0%,'+b+' 100%)', // Breaks execution
        'background': '-ms-linear-gradient(top,  '+a+' 0%,'+b+' 100%)', // Breaks execution
        'background': 'linear-gradient(top,  '+a+' 0%,'+b+' 100%)', // Breaks execution
        'filter': 'progid:DXImageTransform.Microsoft.gradient( startColorstr=\''+a+'\', endColorstr=\''+b+'\',GradientType=0 )'
        });

我在//breaks execution每个属性旁边放置了一个注释,当活动时(集体或单独)破坏脚本的执行(没有设置其他属性,例如background: b(b当然是变量)).

我完全不知道为什么会这样.

到目前为止,我已经尝试过: …

我创建了一个简单的动画,使用webkit属性和CSS3在网站上旋转图像.

这里的样式css(它只适用于div)

.bg {
    position: relative;
    top: 0px;
    left: 0px;
    display:block;
    -webkit-animation: spin 100s infinite linear;
    -moz-animation: spin 100s infinite linear;
    -o-animation: spin 100s infinite linear;
    -ms-animation: spin 100s infinite linear;
    opacity:0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */
    z-index:-1;
}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg);}
  100% { -webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
    0% { -moz-transform: rotate(0deg);}
  100% { -moz-transform: rotate(360deg);}
}
@-o-keyframes spin {
    0% { -o-transform: rotate(0deg);}
  100% { -o-transform: rotate(360deg);}
}
@-ms-keyframes spin { …

见http://jsfiddle.net/cgWdF/3/

除了最新的歌剧之外,每个浏览器都可以正常工作*.

*未在IE9下测试过

应该已经指定,它需要返回true或false,我不是用它来绑定事件.

我有一个页面使用SVG来制作图像映射.

在IE9和Chrome中运行良好,但FireFox和Opera正在裁剪图像 - 尽管翻转仍然有效.

该网站在这里:http://www.kollegetown.com

任何人都知道为什么会发生这种情况？

我在Dragonfly功能页面上看到除了稳定版之外还有Dragonfly的实验和前沿版本.

当我在Opera中打开Dragonfly时,看起来正在使用稳定版本.Opera如何使用Dragonfly的实验版或尖端版？

我正在寻找一种用JavaScript识别IE的方法,突然间,我注意到浏览器被识别为Mozilla:

歌剧

Mozilla/5.0(Windows NT 6.1; WOW64)AppleWebKit/537.36(KHTML,与Gecko一样)Chrome/30.0.1599.101 Safari/537.36 OPR/17.0.1241.53

铬

Mozilla/5.0(Windows NT 6.1; WOW64)AppleWebKit/537.36(KHTML,像Gecko)Chrome/31.0.1650.57 Safari/537.36

IE

Mozilla/5.0(兼容; MSIE 9.0; Windows NT 6.1; Win64; x64; Trident/5.0)

现在我想知道为什么这个浏览器被识别为Mozilla

我的问题只出现在Opera(较新的Blink版本,仅在v27中测试过)和Mac OSX上.现在我知道这个浏览器的使用百分比几乎不存在,但我们在公司内部使用它,这是一个内部软件.

当我旋转时.company-info div,一切正常,除了文字消失.它实际上在那里,我可以选择并复制它,它只是没有显示.

适用于其他浏览器,Chrome,FF,甚至Opera 27(Win).

你们有什么想法或者这只是一个Opera的错误吗？

(它适用于任何字体,因此它不是已知的字体问题)

我有以下代码:

HTML

<div class="company-info">
    <img class="company-logo" src="media/logo-njoy.png" alt="nJoy" />
    <div class="pull-left">
        <span class="company-name">nJoy</span>
        <span class="contact-job-title">Lead Product Designer</span>
    </div>
</div>

SCSS

.company-info {
    @include rotate(-90deg);
    @include transform-origin(top right);
    background-color: $gray-dark;
    color: #ffffff;
    padding: 10px;
    position: absolute;
    height: 60px;
    right: 60px;
    top: 0;
    width: 225px;

    .company-logo {
        @include rotate(90deg);
        border-radius: 100%;
        float: left;
        height: 40px;
        margin-right: 10px;
        width: 40px;
    }

    .company-name {
        display: block;
        font-size: 13px;
        font-weight: 700;
    }

    .contact-job-title {
        display: …