小编Bha*_*ama的帖子
如何用背景图像创建倾斜的透明形状？
我想实现这样的目标-
它具有背景图像。我只能像这样使div倾斜-
.shape {
position: relative;
width: 100%;
height: 290px;
background: rgba(6, 180, 248, 1);
}
.shape:after {
position: absolute;
width: 100%;
height: 100%;
content: "";
background: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform-origin: top left;
transform: skewY(-4deg);
}<br><br><br>
<section class="container">
<div class="shape">
</div>
</section>但是如何使它与背景图像透明？谁能帮帮我吗
5
推荐指数
推荐指数
1
解决办法
解决办法
1101
查看次数
查看次数
检查横幅是否已加载
嗨我有一个定制的横幅与以下代码
body,
html {
width: 100%;
height: 100%;
margin: 0;
font-family: Arial, serif;
color: #003C78;
}
a {
color: #003C78;
}
.banner-wrap {
display: flex;
width: 728px;
height: 90px;
}
.page-container {
position: relative;
overflow: hidden;
width: 100%;
}
.page-container img {
width: 100%
}
.image-wrapper,
.text-wrapper {
position: absolute;
height: auto;
width: 411px;
}
.image-wrapper {
top: 0;
right: -155px;
z-index: 2;
animation: slideLeft 14.5s infinite ease 0s normal forwards;
}
.image-wrapper img {
position: absolute;
left: 0px;
top: …5
推荐指数
推荐指数
1
解决办法
解决办法
114
查看次数
查看次数
将box-shadow添加到转换后的div中
我正在使用CSS制作3D看书.我正处于最后一步,即添加box-shadow它.
我该如何添加box-shadow:10px 10px 30px rgba(0,0,0,0.3)呢？我认为我需要调整div设置.
有关视觉效果,请参阅jsFiddle.
.book-image-wrap {
margin: 25px auto;
height: 346px;
width: 230px;
position: relative;
-webkit-perspective: 1200px;
-moz-perspective: 1200px;
perspective: 1200px;
}
.book-image {
background: #000;
height: 346px;
width: 230px;
position: absolute;
left: 16px;
top: 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-border-radius: 0 7px 7px 0;
-moz-border-radius: 0 7px 7px 0;
border-radius: 0 7px 7px 0;
-webkit-perspective: 1200px;
-moz-perspective: 1200px;
perspective: 1200px;
-webkit-transform: rotateY(30deg);
-moz-transform: rotateY(30deg);
transform: rotateY(30deg);
}
.book-image-cover { …5
推荐指数
推荐指数
1
解决办法
解决办法
253
查看次数
查看次数
将索引控制器定义为 codeigniter 中的默认控制器
我将尝试将索引控制器定义为默认控制器
我也会更改routes.php文件
$route['default_controller'] = 'index';
但是当我定义welcome或其他控制器名称时admin它不起作用，所以它会起作用
$route['default_controller'] = 'welcome';
或者
$route['default_controller'] = 'admin';
我的网址是
如果default_controller是admin还是welcome会工作，但default_controller就是index这样的错误将得到
404页面不存在
未找到您所请求的页面。
如果有任何方法可以将index控制器用作default controller
我的控制器文件如下：
Admin
Index
Welcome
2
推荐指数
推荐指数
1
解决办法
解决办法
2895
查看次数
查看次数
如何在js中列出字符串中的所有html标签
我有一个字符串,其中包含文本和许多html标签,其中包含各自的属性及其值,例如: -
我试图取出所有的标签名称并推入内部数组注释: - 我有两个自定义函数,名为trim()和null(),它删除字符串的所有空格并检查提供的参数是否为空.
var a = `
<div class="box">
<span id="box-span">
<p class="texts">very long texts goes here.</p>
<p class="texts">very long texts goes here</p>
<p class="texts">very long texts goes here</p>
</span>
</div>`;
var tags = function(string) {
var array = ['hello'];
var string = a.trim('');
var len = string.length;
for (var i = 0; i < len; i++) {
index1 = string.indexOf('>');
index2 = string.indexOf('<');
index3 = string.indexOf('/');
if (null(index1) && index1 !== -1 && null(index2) && index2 !== …2
推荐指数
推荐指数
1
解决办法
解决办法
1910
查看次数
查看次数
父元素的HTML DOM更改样式
function cross() {
var dik = document.getElementsByName('r1c1')[0].parentNode;
dik.style.color = "red";
}<table>
<tr>
<td><input type="radio" name="r1c1" value="TRUE"></td>
<td><input type="radio" name="r1c1" value="FALSE"></td>
</tr>
<tr>
<td><input type="radio" name="r1c2" value="TRUE"></td>
<td><input type="radio" name="r1c2" value="FALSE"></td>
</tr>
<input type="button" name="sbmt" value="CHECK" onclick="cross();">
</table>当我单击按钮时，我想将td块的颜色更改为包含输入元素的红色<input type="radio" name="r1c1" value="TRUE">
2
推荐指数
推荐指数
1
解决办法
解决办法
1668
查看次数
查看次数
点击删除父div
我想在点击链接时删除div.问题是有相同的div和链接的多个结构,我尝试制作一个功能,但它删除所有div
$(document).on("click", ".fd-bxx-cls", function(e) {
e.preventdefault;
$(this).parents('.fd-box2').fadeOut(300);
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="fd-box2">
<div class="fd-box3">
<a href="#" class="fd-bxx-cls"></a>
<a class="fd-avtar-s" href="#"><img src="images/avatr_s.png" /></a>
<div class="fd-nme-info">
<span class="fd-mn-ttl">Robert Porter</span>
<span class="fd-mncn-ttl">Pheonix, AZ</span>
</div>
<a href="#" class="ep-btns fd-msg-btn"></a>
</div>
</div>1
推荐指数
推荐指数
1
解决办法
解决办法
1万
查看次数
查看次数
如何交替设置每三个html表格行的不同背景颜色
假设我有两个名为 table1 和 table2 的 HTML 表。如果我想使 table2 的每三行都有不同的背景，如何使用 CSS 实现这一点？例如，将前 3 行的背景设置为蓝色，然后将另外 3 行设置为绿色，再将另外 3 行设置为蓝色，再将另外 3 行设置为绿色，依此类推。基本上我想要每三行交替使用两种不同的背景颜色。我发现偶数行和奇数行或每第 n 行的 CSS 样式，但不适用于这种情况。我已附上示例表的屏幕截图。我不想像这段代码那样在单独的行中进行硬编码，而是想在 CSS 样式中进行。
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
td,
th {
border: 1px solid #dddddd;
text-align: left;
padding: 1px;
}<table id="table2">
<tr>
<th>Company</th>
<th>Contact</th>
<th>Country</th>
</tr>
<tr bgcolor="#dddddd">
<td>Alfreds Futterkiste</td>
<td>Maria Anders</td>
<td>Germany</td>
</tr>
<tr bgcolor="#dddddd">
<td>Centro comercial Moctezuma</td>
<td>Francisco Chang</td>
<td>Mexico</td>
</tr>
<tr bgcolor="#dddddd">
<td>Ernst Handel</td>
<td>Roland Mendel</td>
<td>Austria</td>
</tr>
<tr> …1
推荐指数
推荐指数
1
解决办法
解决办法
6903
查看次数
查看次数
使用HTML和Javascript将所有HTML链接转换为另一个URL
我正在尝试在字符串中获取网站主体部分中的所有HTML链接,并将其替换为另一个链接.
试过这样的事但是没有用:
var search = "https://www.cloudflare.com/5xx-error-landing?utm_source=error_footer";
var replacement = "https://example.com/";
document.body.innerHTML = document.body.innerHTML.split(search).join(replacement)其中" https://www.cloudflare.com/5xx-error-landing?utm_source=error_footer "是我要替换的链接," https://example.com/ "是我要替换的链接.
1
推荐指数
推荐指数
1
解决办法
解决办法
67
查看次数
查看次数
标签后没有出现按钮？
我试图在按钮后给标签,但按钮没有出现.是在小提琴工作,但不是在我的本地代码.
请解决问题.
<div style="float:left;padding-top:5px;">
<span class="newrdb">
<label for="all" style="padding-left:15px;padding-bottom:8px;width:100px;font-size:12px;float:left">
Default Template
<input type="radio" name="Template" id="all" value="Default Template" checked="">
</label>
</span>
</div>1
推荐指数
推荐指数
1
解决办法
解决办法
70
查看次数
查看次数