小编4dg*_*rav的帖子
CSS:transform:translate(-50%, - 50%)使文本模糊
我想把我的中心div和我使用这种方法,但它使我的文本div模糊:
<!-- language: lang-css -->
#div {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
有没有办法让我的中心div？
推荐指数
解决办法
查看次数
为什么CSS min-width属性不强制div具有指定的最小宽度？
<html>
<head>
<style type="text/css">
div {
border:1px solid #000;
min-width: 50%;
}
</style>
</head>
<body>
<div>This is some text. </div>
</body>
</html>
我认为div应该是页面的50%,除非由于某种原因,div中的文本使其更大.但是,div周围的边框会延伸整个页面宽度.这在IE和Firefox中都会发生.
建议？
推荐指数
解决办法
查看次数
Selenium WebDriver中的JavaScript Executor
我想在我的脚本中使用JavaScript.
我已经创建了一个object的JavaScriptExecutor,但executeScript()方法不存在.我使用executeScript()方法时显示错误.
这是我用过的代码:
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.JavascriptExecutor;
public class GetDomain_JS {
public static void main(String[] args) {
WebDriver driver=new FirefoxDriver();
driver.get("http://only-testing-blog.blogspot.in/2013/11/new-test.html");
driver.manage().window().maximize();
System.out.println(driver.getCurrentUrl());
JavaScriptExecutor js=(JavaScriptExecutor) driver;
String domain_name=(String) js.executeScript("return document.domain");
System.out.println(doamin_name);
}
}
推荐指数
解决办法
查看次数
Django密码重置.不发送邮件
我正在尝试让django密码重置工作,但重置电子邮件不会被发送.
我知道我的电子邮件配置正确,因为以下内容适用于shell和我的一个视图(我用它来获取支持电子邮件给自己).
from django.core.mail import send_mail
send_mail('Subject here', 'Here is the message.',
'admin@mydomain.com',['me@gmail.com'], fail_silently=False)
我可以进入我的重置密码视图(密码/重置/),在我给它我的电子邮件后,它正确地重定向到密码/重置/完成/但它不发送电子邮件.
这是我的urls.py:
(r'^password/reset/$','django.contrib.auth.views.password_reset'),
(r'^password/reset/done/$','django.contrib.auth.views.password_reset_done'),
(r'^password/reset/confirm/$','django.contrib.auth.views.password_reset_confirm'),
(r'^password/reset/complete/$','django.contrib.auth.views.password_reset_confirm'),
(r'^password/change/$','django.contrib.auth.views.password_change'),
(r'^password/change/done/$','django.contrib.auth.views.password_change_done'),
这是我的password_reset_form.html:
<html>
<head>
<link rel="stylesheet" type="text/css" href="/media/css/style_login.css" />
<title>Información de acceso requerida</title>
</head>
<body>
<div id="wrapper">
<h1>Recuperar password</h1>
<p>Utilice este formulario cuando desee recuperar el password para su usuario.</p>
{% if form.errors %}
<p>No hay un usuario registrado con ese correo electronico.</p>
{% endif %}
<form method="post" action="{% url django.contrib.auth.views.password_reset_done …推荐指数
解决办法
查看次数
事件目标应该是锚点,而不是图像
我正在使用Vanilla JS中的对话脚本.我遇到了视频图像上的点击事件的问题.即使是艰难的图像被锚标记包围,它也会在"trigger-dialog-open"事件中将图像显示为event.target.
这是HMTL:
<a class="trigger-dialog--open thumbnail" data-dialog-id="dialog-video" href="javascript:;">
<figure>
<img src="http://i.ytimg.com/vi/id/sddefault.jpg" alt="" />
</figure>
</a>
这是JS中的事件:
var openTriggers = document.getElementsByClassName('trigger-dialog--open');
for (var i = 0; i < openTriggers.length; i++) {
openTriggers[i].addEventListener("click", function (event) {
this.openDialog(event.target.getAttribute('data-dialog-id'));
}.bind(this), false);
}
事件处理程序想要知道anchors数据属性中的dialog-id.无法找到它,因为它认为图像是event.target,而不是实际的锚点.我怎么能纠正这个？谢谢!
推荐指数
解决办法
查看次数
fixed div重叠滚动条
我有固定div的问题放在其他div与滚动条.它重叠滚动条.它发生在safari下,即11.当我将z-index设置为低于带有滚动条的div而不是固定div在它之下并且它失去了交互(你不能点击链接等).我也尝试将假的固定位置设置为绝对并使用javaScript将"left"设置为"scrollLeft"div并使用滚动条但我无法使用此解决方案,因为它在Safari和IE10下会产生奇怪的效果.
这是代码:
HTML
<div id="cont">
<div class="spacer s2"></div>
<div id="target" class="box2 blue">
<a href="dfsdfsd">dsfsdf</a>
</div>
</div>
CSS
#cont {
width:100%;
height:800px;
overflow:hidden;
overflow-x: scroll;
z-index:0
}
#target {
width:200px;
height:800px;
position:fixed;
overflow:hidden;
background-color:red;
z-index:0
}
.spacer {
width:3000px;
height:1px;
z-index:-1
}
并链接到jsFiddle.
请帮助我,我试图在3天内找到解决方案
提前致谢
推荐指数
解决办法
查看次数
new AjaxUpload只接受来自按钮标记的图像
我这里有一个带有onload脚本的按钮.
HTML
<button class="btn default-btn logo_btn" id="photo_uploader">Upload New Photo</button>
脚本
$(function(){
var btnUpload=$('#photo_uploader');
new AjaxUpload(btnUpload, {
action: base_URL+'upload',
data: {pid:$('#page').data('id') },
dataType: 'json',
name: 'fileToUpload',
onSubmit: function(file, ext){
console.log('onSubmit triggred');
console.log(ext);
xr_load(['#logo_btns',"start"]);
if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){
alert ('images only');
}
}
});
选择后,我可以看到所有的文件类型.我想要的是仅使用带有accept属性的输入文件自动查看图像文件类型.
推荐指数
解决办法
查看次数
当页面包含Google Map时，修复IE7中CSS / JS下拉列表的最佳方法
我有一个页面使用<ul>导航列表（JavaScript更改了样式以使其显示或不在鼠标悬停时显示）。
当我在页面上有Google Map时，这对我来说工作正常，但在IE6和IE7中除外。
在这种情况下，下拉列表根本不起作用。但是，该页面仍可在FireFox 2中使用。
我进行了一些研究，发现这可能是IE Select Box Bug的示例，但是我不确定，因为Google Map似乎使用<div>，而不是<iframe>。
是否有其他人遇到过与此类似的问题，如果是，他们是否有解决此问题的最佳方法的建议？
推荐指数
解决办法
查看次数
如何考虑儿童:n-child
我有一些简单的HTML
<div>row1</div>
<div>row2</div>
<div>row3</div>
<div>
<div>row4.1</div>
<div>
<div>row4.2.1</div>
<div>row4.2.2</div>
</div>
<div>row4.3</div>
<div>row4.4</div>
</div>
<div>row5</div>
和css文件
div:nth-child(even)
{
background-color:green;
}
我想把所有奇数行都设为绿色,而不是照顾层次结构.但结果我有这个
我究竟做错了什么？如何制作绿色行2,4.1,4.2.2和4.4.所有其他人都应该是白人.
只有css才能使用javascript吗？
推荐指数
解决办法
查看次数
我可以使用CSS在特殊字符处换行吗？
例如，我有一行：“特殊字符中断；字符串中断；示例中断”。我想打破有关“;”的界限 使用CSS。
是否有任何可能的方法可以这样做。请建议
推荐指数
解决办法
查看次数
标签 统计
css ×6
javascript ×4
html ×3
ajax ×1
ajax-upload ×1
blurry ×1
browser ×1
client-side ×1
css3 ×1
django ×1
django-forms ×1
email ×1
jquery ×1
text ×1
transform ×1