标签: opera
在HTML代码中嵌入SVG文件时,如何在不同的浏览器上生成相同的结果？
但我有另一个(较小的)问题.我正在使用Firefox 3.5和Safari 4(在Mac上),当我在XHTML中嵌入SVG时,我根本没有相同的结果.
我可以使用<object>或<embedded>元素(但我认为最后一个被弃用).我这样使用它们:
<div id="map_canvas" style="width: 900px; height: 900px">
<object data="test.svg" width="100%" height="100%" type="image/svg+xml"/>
</div>
并且SVG的大小和规模与Firefox和Safari不同.在我的SVG中width,height和,viewBox都被定义了.
有没有办法在所有浏览器中获得相同的结果(我不关心不支持SVG的IE ...所以"所有浏览器"至少意味着最新版本的Firefox,Opera和Safari) ?? 也许我忘了定义的东西？
编辑:我也注意到,使用<object>,SVG是透明的FF,但不透明的Safari ... :(是否有"标准"的方式来包含SVG？
谢谢您的帮助
推荐指数
解决办法
查看次数
Gmail如何在Opera上彗星？
我想知道Gmail(或其他任何人)如何在Opera上彗星.
以下是我对实验的了解.
- 它不使用在Opera 10.51中断开的事件源标记.
- 它不使用iframe来显示旋转的颤动和繁忙的鼠标光标.
- 当readyState = 3时,它不会在xmlhttprequest上使用responseText,这已知在Opera上被破坏.
我试着看看它是如何在mibbit和etherpad中完成的,我发现它们都使用了长轮询.
赏金
赏金归于谁能告诉我一种方法比Opera彗星流的"事件源"更好,或者gmail如何进行流式传输(或者如果它那么长时间轮询).
推荐指数
解决办法
查看次数
Opera不会加载一些JavaScript文件
我有一个加载在IFRAME中的网页,它在IE和Firefox中正常运行,但在Opera中没有.我讨厌哪个,因为我多年来一直是Opera的用户.我写了这个东西.:-)
问题是Opera没有加载构成页面的一些JavaScript文件.我怀疑这与页面本身是通过HTTPS加载的事实有关,而且包含的文件是通过HTTP从不同的主机和端口加载的.我相信Opera允许这样做,但是Dragonfly的Net选项卡甚至没有显示加载它们的尝试.
该页面是一个Rally "自定义应用程序",我无法控制它在IFRAME中加载或通过HTTPS加载的事实.我也无法控制包含的文件是从不同的主机加载,或者主机只支持HTTP的事实.所以我有点混淆内容.
除了其他东西之外,页面的HEAD元素包含(清理了一下):
<script src="http://www.example.com:81/common/jquery-1.4.2.js"></script>
<script src="http://www.example.com:81/common/jsTree/jquery.jstree.js"></script>
<script src="http://www.example.com:81/common/utils_jserror.js"></script>
<script src="http://www.example.com:81/common/utils_logging.js"></script>
<script src="http://www.example.com:81/common/utils_print_r.js"></script>
<script src="http://www.example.com:81/common/utils_rally_query.js"></script>
<script src="http://www.example.com:81/common/json2.js"></script>
<script src="/slm/js/slm.js"></script>
<script src="/slm/js-lib/dojo/rally-1.3.1/dojo/dojo.js.uncompressed.js"></script>
<script src="/slm/mashup/1.18/js/batch-toolkit.js"></script>
<script src="/slm/mashup/1.18/js/utilities.js"></script>
所有的"/ SLM/......"的东西是越来越加载,并且NONE了"www.example ......"的东西.
有人知道我做错了什么吗？
推荐指数
解决办法
查看次数
在Jquery UI Dialog里面上传:> Chrome和Opera错误
我有以下代码:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" media="screen" href="jquery-ui-1.8.9.custom.css" />
<script type="text/javascript" src="jquery-1.5.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.9.custom.min.js"></script>
<script type="text/javascript" src="jquery.uploadify.js"></script>
</head>
<body>
<script type="text/javascript">
manualLightboxContent = function ()
{
$("#dialogContent").html($('#module_wrapper').html());
$("#dialogContent").dialog( { 'modal': true } );
}
</script>
<a href="#" onclick="manualLightboxContent();">Open</a>
<div id="dialogContent" style="display:none;"></div>
<div id="module_wrapper" style="display:none;">
<script type="text/javascript">
$().ready(function() {
$('#uploadFile').uploadify({
'swf' : 'uploadify.swf',
'fileObjName' : "uploadFile"
});
});
</script>
<input id="uploadFile" type="file" name="uploadFile" />
</div>
</body>
</html>
我找不到原因,但在Chrome中,我无法打开浏览窗口.就好像是有一些看不见的div漂浮在瑞士法郎上.
在Opera中,错误不太重要:SELECT FILES文本在swf下而不是结束.
如果uploadify在jquery UI对话框之外,它可以正常工作.
任何人都可以解释为什么会发生这种错
编辑:使用Uploadify 3.
推荐指数
解决办法
查看次数
在Opera中使用border-radius的元素中出现错误的溢出裁剪
好的,所以我制作了这个FC Barcelona CSS徽标,一切正常:
- Firefox 13
- Chrome 20
- Safari 5
- IE 9
但是在Opera 11(以及12个)上,那些blaugrana条纹没有被裁剪.我尝试了很多配置,有没有额外的包装,但我无法让它工作.
HTML:
<div id="blaugrana_stripes_container" class="abs border_black fill_purple cropper layer9 rounded">
<!-- Wrapper needed for some browsers to crop overflow properly -->
<div id="blaugrana_stripes_overflow_cropper" class="rounded">
<div class="blaugrana_stripes fill_purple border_blue"></div>
<div class="blaugrana_stripes fill_purple border_blue"></div>
</div>
</div>
相关CSS:
#blaugrana_stripes_container, #blaugrana_stripes_overflow_cropper {
width: 244px;
height: 244px;
text-align: left;
-moz-border-radius: 155px 155px 134px 134px;
-webkit-border-radius: 155px 155px 134px 134px;
border-radius: 155px 155px 134px 134px;
}
#blaugrana_stripes_container {
left: 36px;
top: 62px; …推荐指数
解决办法
查看次数
Opera Dragonfly发生了什么？
使用20.0.1387.82或22.0.1457.0(开发人员)当我右键单击并选择Inspect Element时,我得到一个vanilla Developer Tools对话框:
不是那个总是被描绘的人:
它看起来与Chrome的调试器完全相同(虽然我已经卸载了Chrome),最明显的是缺少了顶行上的图标和远程调试工具.有谁知道我怎么能让Dragonfly在我的机器上工作？
推荐指数
解决办法
查看次数
是否有Opera的React Development插件？
是否有Opera的React Development插件？Opera(DragonFly)和Chrome开发工具看起来几乎相同.Opera似乎没有支持React Development的插件.是否有一种方法可以在Opera中使用Chrome插件来考虑它们几乎相同？
推荐指数
解决办法
查看次数
推荐指数
解决办法
查看次数
Opera大纲渲染bug？
有没有人知道更多关于Opera大纲的错误？
看一下这个:
我正在使用最新的Opera,我已经检查了两台具有不同Opera版本的不同机器,它们都呈现如下:
http://img156.imageshack.us/img156/3209/divs.png
那是什么？在任何FF/Safari/Chrome中,轮廓都在灰色区域以下,但在Opera中它仍然在上面(即使div父级在下方!).
谷歌搜索只提供"Opera 9.5+ CSS bug:渲染轮廓绝对定位"链接,但它不想打开.
任何临时修复？或者也许我是盲人并在某处犯了一个可怕的错误？
推荐指数
解决办法
查看次数
如何在Opera 11中使用HTML5客户端表单验证时阻止表单提交？
如何在Opera 11中使用HTML5客户端表单验证时阻止表单提交？
这是一个示例测试页面:
<section>
<h2>Test</h2>
<form>
<input type="text" name="test" id="test" required/>
<input type="submit" value="Test" />
</form>
</section>验证在Opera 11中有效,但在输入值后单击按钮时,浏览器会提交表单.
我希望浏览器始终保留在网页上,这对于仅有客户端的脚本而言,只适用于没有服务器的本地硬盘驱动器.
当我添加return false;或尝试阻止表单提交时,验证不再有效.
Opera 11.10 Build 2092
编辑:
感谢robertc的解决方案,我得到了它的工作.这是没有jQuery的测试页面.
(function() {
"use strict";
window.addEventListener("load", function() {
document.getElementById("testForm").addEventListener("submit", function(event) {
event.target.checkValidity();
event.preventDefault(); // Prevent form submission and contact with server
event.stopPropagation();
}, false);
}, false);
}());<section>
<h2>Test</h2>
<form id="testForm">
<input type="text" name="test" id="test" required/>
<input type="submit" value="Test" />
</form>
</section>推荐指数
解决办法
查看次数