transition当用户悬停图像时,我正在做一个淡入透明白色的地方.
我的问题是我需要将颜色变淡,变为黑色.我试过只是简单地添加background:black;到包含transition它的类,但它不起作用,幸运的是,它仍然逐渐淡入白色透明.
我使用的CSS代码是:
.hover:hover {
opacity: 0.2;
}
.item-fade {
background: black;
opacity: 0.8;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}Run Code Online (Sandbox Code Playgroud)
<p>Hover image, the white opacity needs to be black :/</p>
<img src="//placehold.it/100x100" class="hover item-fade" />Run Code Online (Sandbox Code Playgroud)
在我的页面,我有一个左侧的导航栏,高度为100%,宽度为25%.它工作正常,但是当有可用的滚动时,它会破坏背景,并使其看起来很丑陋.我认为的原因是100%高度仅适用于活动窗口.即使用户正在滚动,总是有100%高度div的诀窍是什么?
导航的Css:
width:25%;
height:100%;
float:left;
color:#999999;
Run Code Online (Sandbox Code Playgroud)
我试过一个位置:绝对没有结果,也试过清楚.需要帮忙 :)
我正在试图找出如何在页面加载时自动滚动页面到特定的div.我已经尝试使用jQuery滚动功能,但无法正常工作.有什么建议?
以下是我到目前为止所尝试的内容:
jQuery(function() {
jQuery(window).scrollTop(jQuery('.container').offset().top);
});
Run Code Online (Sandbox Code Playgroud) 我必须从特定的插入表中获取最后一个插入ID?让我说我有这个代码:
INSERT INTO blahblah (test1, test 2) VALUES ('test1', 'test2');
INSERT INTO blahblah2 (test1, test 2) VALUES ('test1', 'test2');
INSERT INTO blahblah3 (test1, test 2, lastid) VALUES ('test1', 'test2', last id of blahblah);
Run Code Online (Sandbox Code Playgroud)
如何在表blahblah3中获取表blahblah的插入ID?LAST_INSERT_ID()仅为您提供最后一个插入ID
问候,西蒙:)
我有一个按钮,上面有一个渐变.我还需要一个图像箭头,但是当我将它放到背景中时,一个带有两个类的按钮似乎无法工作.以下是一个例子:
<button class="btn btn-wide">Load more</button>
.btn{
background: rgb(0,166,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,166,255,1) 0%, rgba(0,166,255,1) 50%, rgba(2,154,236,1) 53%, rgba(2,154,236,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,166,255,1)), color-stop(50%,rgba(0,166,255,1)), color-stop(53%,rgba(2,154,236,1)), color-stop(100%,rgba(2,154,236,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,166,255,1) 0%,rgba(0,166,255,1) 50%,rgba(2,154,236,1) 53%,rgba(2,154,236,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,166,255,1) 0%,rgba(0,166,255,1) 50%,rgba(2,154,236,1) 53%,rgba(2,154,236,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,166,255,1) 0%,rgba(0,166,255,1) 50%,rgba(2,154,236,1) 53%,rgba(2,154,236,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,166,255,1) 0%,rgba(0,166,255,1) 50%,rgba(2,154,236,1) 53%,rgba(2,154,236,1) 100%); /* W3C */ …Run Code Online (Sandbox Code Playgroud) 我正在使用Laravel 5.2.45版本。目前,我在翻译required_if规则时遇到了一些麻烦。当我使用required_if,field,value时,它会在错误验证消息中打印出fields值,在这种情况下为1或0。这不是很可读。
例如:
如果类型为0,则必填字段1
想:
如果类型为默认值,则必填字段1
有什么方法可以转换rquired_if value /:value的值?
控制器:
$customerVal = Validator::make($request->all(), [
'field1' => 'required_if:type,0',
'field2' => 'required_if:type,0',
]);
Run Code Online (Sandbox Code Playgroud)
视图:
@if (count($errors) > 0)
<div class="modalMsg alert">
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
Run Code Online (Sandbox Code Playgroud)
我可以在语言部分看到Laravel:
'required_if' => ':attribute is required when :other are :value.',
Run Code Online (Sandbox Code Playgroud)
所以基本上是:value我需要动态翻译。我在下面尝试过,但是不能代替0:
'attributes' => [
'field1' => [
'0' => 'test'
]
]
Run Code Online (Sandbox Code Playgroud) 此代码仅返回一行,但应返回2行.我已经尝试过php myadmin中的sql,它完全返回了2行.我在这做错了什么?
$request_list_result = $mysqli->query("
SELECT buddy_requester_id, buddy_reciepient_id, user_id, user_fullname FROM sb_buddies
JOIN sb_users ON buddy_requester_id=user_id
WHERE buddy_status='0' AND buddy_reciepient_id='". get_uid() ."'");
$request_list_row = $request_list_result->fetch_array();
echo $request_list['user_fullname'];
Run Code Online (Sandbox Code Playgroud)
顺便说一下,上面的代码是通过以下脚本获取profile.php的过程:
$index = new Template('views/template/one.php', array(
'subtitle' => 'Dashboard',
'stylesheets' => array('/assets/css/profile.css'),
'scripts' => array('/assets/js/dashboard.js'),
'sidebar' => 'sidebar.php',
'content' => 'views/profile.php',
'errors' => $errors,
'successes' => $successes,
'request_list' => $request_list_row //right here
), true);
Run Code Online (Sandbox Code Playgroud) 当用户在 Woocommerce 中提交订单时,我想做一些额外的检查。尝试使用不同的 add_filter 方法,但似乎我无法连接到 place_order 过滤器。我试过:
add_filter('woocommerce_place_order', 'checkFields'); //on ordersubmit
function checkFields(){
if($this != true){
//not allowed to place order because of data is not true
}else{
//continue order
}
}
Run Code Online (Sandbox Code Playgroud)
但是当我提交结帐表格时,不会触发上述情况。有什么建议?:)
有没有办法在jQuery中停止fadeOut()动画mouseleave?我希望脚本的工作方式如下:
这就是我正在做的事情:
$(document).ready(function(){
$('.this').hover(function(){
$('#container').fadeIn(200);
}).mouseleave(function(){
setTimeout(function () {
$('#container').fadeOut(200);
}, 1000);
})
$('#container').hover(function(){
$('#container').stop().show();
})
});
Run Code Online (Sandbox Code Playgroud)
我可能对这个概念仍然有点困惑。但。在这种情况下,我有一个联系表单,在发送时,它会调用我自己的 laravel 后端 api,它将为我处理发送电子邮件功能。
我想使用 api 密钥来保护它,但我不希望我的 api 密钥暴露在前端的任何地方。我的 Vue/Nuxt 应用程序正在服务器上运行。
所以环境变量应该是答案 - 我猜。不过,如果我这样做:
this.$axios.$post('http://localhost/someMailFunc?apk=' + process.env.API_KEY, {
name: name,
subject: subject,
email: email,
message: message,
}).then(response => {
// somecomplete
}).catch(e => {
// somecatch
})
Run Code Online (Sandbox Code Playgroud)
当然,在代码中它是隐藏的,但是在前端检查它,可见的地方都是 api 密钥。
如果密钥是当今的解决方案,那么推荐使用密钥进行安全保护的方法是什么?