标签: cross-browser

如何使用CSS跨浏览器绘制垂直文本?

我希望将单个文字旋转90度,使用跨浏览器(> = IE6,> = Firefox 2,任何版本的Chrome,Safari或Opera)支持.如何才能做到这一点?

html css cross-browser css3

242
推荐指数
7
解决办法
23万
查看次数

跨浏览器窗口调整大小事件 - JavaScript/jQuery

在Firefox,WebKit和Internet Explorer中使用的窗口调整大小事件的正确(现代)方法是什么?

你可以打开/关闭两个滚动条吗?

javascript jquery resize cross-browser

240
推荐指数
6
解决办法
26万
查看次数

如何禁用CSS或JavaScript文本选择?

可能重复:
禁用文本选择突出显示的CSS规则

我正在制作一个包含多个页面的HTML/CSS/jQuery库.

我确实有一个"下一步"按钮,这是一个与jQuery点击监听器的简单链接.

问题是,如果用户多次单击该按钮,则选择该按钮的文本,然后选择整行文本.在我真正的黑暗设计中,这真的是丑陋而荒谬的.

所以这是我的问题:您可以禁用HTML上的文本选择吗?如果没有,我会非常怀念flash及其在文本字段上的高级配置......

html css cross-browser textselection

240
推荐指数
5
解决办法
26万
查看次数

使用CSS截断长字符串:可行吗?

是否有任何使用纯HTML和CSS截断文本的好方法,以便动态内容可以适应固定宽度和高度的布局?

我已经截断由服务器端的逻辑宽度(即一个盲目猜测的字符数),但由于一个"W"是比更宽的"i"这倾向于是次优的,并且还需要我重新猜测(并保持调整)每个固定宽度的字符数.理想情况下,截断将在浏览器中发生,浏览器知道渲染文本的物理宽度.

我发现IE有一个text-overflow: ellipsis属性正是我想要的,但我需要这个是跨浏览器.这个属性似乎(有些?)标准但Firefox不支持.我发现各种 解决方法基础上overflow: hidden,但他们要么不显示省略号(我希望用户知道的内容被截断),或显示这一切的时候(即使内容没有截断).

有没有人有一个很好的方法来适应固定布局中的动态文本,或者是服务器端截断的逻辑宽度和我现在要获得的一样好?

css layout text truncate cross-browser

209
推荐指数
5
解决办法
14万
查看次数

如何确定HTML表单上的默认提交按钮?

如果表单已提交但未通过任何特定按钮提交,例如

  • 按下 Enter
  • HTMLFormElement.submit()在JS中使用

浏览器应该如何确定多个提交按钮中的哪一个(如果有的话)用作按下的按钮?

这在两个层面上很重要:

  • 调用onclick附加到提交按钮的事件处理程序
  • 数据发送回Web服务器

到目前为止,我的实验表明:

  • 按下时Enter,Firefox,Opera和Safari使用表单中的第一个提交按钮
  • 当按下时Enter,IE使用第一个提交按钮或根本不使用,这取决于我无法弄清楚的条件
  • 所有这些浏览器根本不使用JS提交

标准说什么?

如果它会有所帮助,这是我的测试代码(PHP仅与我的测试方法相关,而不是我的问题本身)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
</head>

<body>

<h1>Get</h1>
<dl>
<?php foreach ($_GET as $k => $v) echo "<dt>$k</dt><dd>$v</dd>"; ?>
</dl>

<h1>Post</h1>
<dl>
<?php foreach ($_POST as $k => $v) echo "<dt>$k</dt><dd>$v</dd>"; ?>
</dl>

<form name="theForm" method="<?php echo isset($_GET['method']) ? $_GET['method'] : 'get'; ?>" action="<?php echo …
Run Code Online (Sandbox Code Playgroud)

html javascript standards cross-browser

201
推荐指数
6
解决办法
17万
查看次数

如何检测浏览器后退按钮事件 - 跨浏览器

你如何明确地检测用户是否按下了浏览器中的后退按钮?

如何使用#URL系统在单页Web应用程序中强制使用页内后退按钮?

为什么地球上没有浏览器按钮触发他们自己的事件!?

javascript cross-browser back single-page-application

188
推荐指数
11
解决办法
42万
查看次数

无法在Chrome下加载资源

网页中有一堆图像.

其他浏览器正在正确下载它们,但Chrome不会加载它们.

在开发人员的控制台中,它为每个图像显示以下消息:

无法加载资源

此问题仅出现在Chrome中.

它是什么?

google-chrome cross-browser

184
推荐指数
6
解决办法
52万
查看次数

XHTML中的所有有效自闭元素(由主流浏览器实现)是什么?

XHTML中的所有有效自闭元素(例如<br/>)是什么(由主要浏览器实现)?

我知道XHTML在技术上允许任何元素自我关闭,但我正在寻找所有主要浏览器支持的那些元素的列表.有关由自关闭元素(如<div />)引起的某些问题的示例,请参见http://dusan.fora.si/blog/self-closing-tags.

html browser xhtml cross-browser

183
推荐指数
10
解决办法
9万
查看次数

如何使HTML文本无法选择

我想在我的网页上添加文字作为标签并使其无法选择.

换句话说,当鼠标光标在文本上方时,我希望它根本不会变成文本选择光标.

我想要实现的一个很好的例子就是这个网站上的按钮(问题,标签,用户......)

html css cross-browser highlighting textselection

171
推荐指数
4
解决办法
21万
查看次数

单选按钮的OnChange事件处理程序(INPUT type ="radio")不能作为一个值工作

我正在寻找一个通用的解决方案.

考虑具有相同名称的2个无线电类型输入.提交时,检查的那个确定与表单一起发送的值:

<input type="radio" name="myRadios" onchange="handleChange1();" value="1" />
<input type="radio" name="myRadios" onchange="handleChange2();" value="2" />
Run Code Online (Sandbox Code Playgroud)

取消选择单选按钮时,不会触发更改事件.因此,如果已选择值为"1"的无线电并且用户选择第二个,则handleChange1()不会运行.这给我带来了一个问题(对我来说无论如何),因为没有任何事情我可以捕捉到这种取消选择.

我想要的是复选框组值的onchange事件的解决方法,或者是一个oncheck事件,它不仅检测收音机何时被检查,还检测未选中的时间.

我相信你们中的一些人之前遇到过这个问题.有哪些解决方法(或理想情况下处理此问题的正确方法)?我只是想捕捉改变事件,访问先前检查的无线电以及新检查的无线电.

PS
onclick似乎是一个更好的(跨浏览器)事件来指示何时检查无线电但它仍然无法解决未检查的问题.

我认为为什么onchange for checkbox类型在这种情况下工作是有道理的,因为它会更改它在检查或取消选中时提交的值.我希望单选按钮的行为更像是SELECT元素的onchange但是你能做什么......

html javascript cross-browser

169
推荐指数
11
解决办法
64万
查看次数