如何使用CSS翻转任何背景图像？可能吗？

currenty我使用这个箭头图像中background-image的liCSS中

开:visited我需要水平翻转此箭头.我可以这样做另一个箭头图像但我只是好奇知道是否可以在CSS中翻转图像:visited

我注意到如果我使用半径,颜色和边框用CSS设置我的按钮样式,它们看起来不错,但在iphone/ipad/ipod中它们看起来很糟糕......应该与Safari桌面中的渲染不一样？

我花了两天时间试图找出如何调试我使用Cordova 3.2创建并部署到Android 2.3设备的HTML5应用程序.我见过的所有文章/帖子都提供了黑客而不是真正的解决方案:(大部分时间,它们都不适合我的情况;调试我的应用程序中的CSS样式和Angularjs代码..

到目前为止我测试了;

debug.phonegap.com

我将脚本注入index.html文件,然后访问debug.phonegap.com中生成的URL,但没有任何反应; 只有一个空白页面.

Weinre

我发现的大多数文章指向过时的Github存储库,它计算了一个Jar文件..但是没有找到:(

边缘检查

它工作并显示我在移动设备上的PC上浏览的网页..但问题是它使用了一些其他集成的浏览器(或模拟器)而不是运行phonegap应用程序的浏览器.所以结果不准确.

Chrome模拟器

与边缘检查相同; 它不允许查看Android 2.3附带的真实web-kit v530.

梦想的解决方案

完美的解决方案是谷歌Chrome(桌面)的扩展,使您能够将桌面浏览器切换到Android 2.3平台中的同一个浏览器.没有模拟没有黑客,只有浏览器本身与web-kit v 530.

不幸的是,这样的解决方案不存在:(或者我错了？

有什么建议？

我有一个应用程序,我将内容加载到一个UIWebView并呈现此.我无法完全禁用用户交互,因为我希望用户能够单击链接.我只需要禁用用户选择.我发现你可以使用的互联网中的某个地方:

document.body.style.webkitUserSelect='none';

我试着插入这个

[self.contentView stringByEvaluatingJavaScriptFromString:@"document.body.style.webkitUserSelect='none';"]; 

在 webViewDidFinishLoad:

但是,它不起作用.我仍然可以在WebView中选择和复制文本.

什么想法可能会出错？

更新:这似乎只从iOS 4.3开始

我意识到可以使用CSS属性指定自定义图形作为替换项目符号字符:

list-style-image

然后给它一个URL.

但是,就我而言,我只想使用'+'符号.我不想为此创建图形然后指向它.我宁愿只是指示无序列表使用加号作为项目符号.

可以这样做还是我被迫先把它变成图形？

我正在尝试在Safari中构建一个模仿iPad照片应用程序的图库.它工作得很好,除了我通过将它们添加到DOM或创建新的Image对象加载超过6MB左右的图像,新图像停止加载或浏览器崩溃.这个问题已经足够普遍(其他所有人都遇到了相同的限制),我已经排除了我的Javascript代码作为罪魁祸首.

鉴于您可以在元素中或通过浏览器内媒体播放器流式传输多于几MB,这个限制似乎是不必要的,并且应该有某种可用的解决方法.也许是通过释放记忆或其他东西.

我也遇到过UIWebView的这个参考.

"JavaScript分配也限制在10 MB.如果超过JavaScript的总内存分配限制,Safari会引发异常."

这与我看到的相当匹配.是否可以在Javascript中解除分配对象,或者Safari/UIWebView是否保持运行总计并且永远不会放手？或者,是否有任何解决方法以另一种方式加载数据而不会消耗这10MB？

我想禁用在我的Web应用程序中长时间点击(触摸并按住)图像后出现的上下文菜单.我看过不同想法的帖子怎么做,但它们似乎都不适合我.

有没有办法通过HTML/CSS/Javascript在Android上执行此操作？

该设计

响应式设计上的联系表单具有插入阴影和常规外部阴影的输入字段.见下图.

代码

input {
    background:#fff;
    height:auto;
    padding:8px 8px 7px;
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border:#fff solid 3px;
    border-radius:4px;
    box-shadow:0px 0px 5px rgba(0, 0, 0, .25), inset 2px 2px 3px rgba(0, 0, 0, .2);
}

问题

iOS v4 +无法正确显示框阴影.见下图.

经测试

我尝试过使用-webkit-box-shadow.

-webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, .25),
                   inset 2px 2px 3px rgba(0, 0, 0, .2);

我已经申请display:block;了输入元素.

目前的解决方法

我宁愿不必这样做,但这是我能达到预期效果的唯一方法.

HTML

<p><input /></p>

CSS

p {
   width:50%;
   box-sizing:border-box;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-shadow:0px 0px 5px rgba(0, 0, 0, .35);
   border-radius:4px;
}

    input …

如何在CSS 3中使用斜角和嵌入效果提交按钮？

像这样.

放大的图像

我只考虑基于Web工具包的浏览器.而且我不是在询问如何给出圆角以及如何给按钮渐变,我只是询问斜角效果

HTML

<input type="submit" value="Submit your entry" class="input" />

我正在开发一个针对移动设备的离线可用的Javascript网站.一个这样的移动设备是IPhone.

我正在尝试从REST API(JSON对象的成员)解析日期.我正在使用

Date.parse("2010-03-15 10:30:00");

这适用于Android设备,但在iPhone上它只是提供无效的日期.

我如何格式化我的日期字符串,以便它可以被IPhone解析？