opera

I have a link in the bottom of a div-box, which have position:absolute and should overlay the whole div-box. like that: http://jsfiddle.net/UpwvT/4/ In FF and Webkit it works fine, but in IE + Opera the "some text" is still not a link and not clickable. Anybody an idea? :) thanx It looks like bug in Opera and IE. There is my hack for Opera and IE9. Add this for .link background-color: rgba(204,204,204,0.01); It is very transparent background. http://jsfiddle.net/UpwvT/19/ It doesn't work in IE8. Problem is solved - just add transparent background of link in css - for me work fine with

Inside a simple SVG element I have an image. Chrome: Version 28. - works perfect Firefox: 22.0 - no image is drawn Opera: 12.16 - image is show 4 times larger than normal Code: <svg width="500px" height="500px" viewBox="0 0 70 70"> <image x="0" y="0" width="10" height="10" id="knight" xlink:href="/images/knight.svg" /> </svg> Your SVG is not being scaled to fit your 10x10 image rectangle because it has no viewBox. SVG renderers need to know the dimensions of the SVG content in order to know how to scale it. That is what the viewBox attribute is for. Try adding the following to the root <svg>

I'm coding on a website with forms and use HTML5 validation - no rocket science so far. Everything works fine for me in Google Chrome, but I want to get sure that even a IE 6 user with no formvalidation does not insert malformed data into my MYSQL database. Is there any way to turn off the HTML5 form validation in Google Chrome or some other state-of-the-art browser to test the serverside data validation? xyz To disable validation in HTML5 use <form method="post" action="/foo" novalidate>...</form> Refer this question for more details.I think Junit can also help to test server side validations

Possible Duplicate: How to make CSS visible only for Opera Many times I need to use browser specific CSS rules to make the design look alike in every browser. Generally I need them for IE 7-8, but this time is for Opera, specifically Opera 12 and on. I found some solutions for Opera: Make CSS apply only for Opera 11? How to make CSS visible only for Opera But these only work for 11 or below... Is there a solution for Opera 12? c69 Here is an officially recommended hack for Opera (in case everything else fails): doesnotexist:-o-prefocus, .example { color: red; } http://www.opera.com/docs/specs

I want to show custom bar ( notification like: Install our plugin. ) on our site if extension is not installed for Chrome, Firefox and Opera. None will be displayed if extension is installed. The idea is : 1. User visits our site and a bar with message appears - "Hey, install our extensions". 2. User clicks on install and extension is installed. No need for the user to open it. 3. User visit our site again and the bar does not appear again as the extension is installed. We talk only for installation check, not cookies . So far I was able to find solutions only for Chrome: http://blog.kotowicz

I begin to have a solution for my previous question Overlay SVG diagrams on google map . But I have another (smaller) problem. I am using Firefox 3.5 and Safari 4 (on Mac), and when I am embedding SVG in a XHTML, I do not have at all the same result. I can use the <object> or the <embedded> elements (but I think the last one is deprecated). I use them like that: <div id="map_canvas" style="width: 900px; height: 900px"> <object data="test.svg" width="100%" height="100%" type="image/svg+xml"/> </div> And the size and the scale of the SVG is not the same with Firefox and Safari. In my SVG, the

Although I'm not new to the idea of responsive design I have experienced a very troublesome thing... I have decided to completely move to rem units, but I still follow 62.5% rule (I have used it with em ). So for starters: html { font-size: 62.5%; } I assume that 1rem = 10px (I know it's not always true, but hey, it's for me to ease math a little bit, for browser it's still relative right?) Horror starts in Opera ( 12.12 both linux and win version, where default font-size is set to 14px and 16px respectively). header nav ul li a span { padding: 1.8rem 2.7rem 3rem 0; font-family: 'sawasdeebold'

1.为什么要使用Ajax 优点： 局部刷新 提高用户体验 2.Ajax发出请求的demo 这里使用servlet 到后台 2.1使用到的技术 （1）jquery （2）Ajax （3）servlet （4） 输出流 PrintWriter out = response.getWriter() 2.2 实现过程 2.2.1 前端 新建jsp页面 编写一个页面 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script type="text/javascript" src="./js/jquery-1.8.3.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>ajax入门案例</title> <script> $(function(){ //光标离开事件 $("#userName").blur

I have a web application that listens for Server Sent Events. While I was working and testing with multiple windows open, things were not working and I banged my head for several times looking in the wrong direction: eventually, I realized that the problem was concurrent connections. However I was testing a very limited number and even if I am running the test on Apache (I know, I should use node). I then, switched browser and noticed something really interesting: apparently Chrome limits Server Sent Events connections to 4-5, while Opera doesn't. Firefox, on the other hand, after 4-5