我正在尝试在 div 的右侧放置一个背景图像,它没有覆盖整个 div。
现在是这样的(div1 是背景色):
<div id="div1">
<div id="image"></div>
Text
</div>
Run Code Online (Sandbox Code Playgroud)
CSS:
.div1 {
background: #324458;
color: #FFF;
font-size: 0.9em;
font-weight: bold;
padding: 10px;
width: 100%;
position: relative;
border-radius:4px;
height:40px;
clear:both;
overflow: hidden;
}
.image {
background: url("url here");
background-position: center center;
background-size: cover;
opacity: 0.3;
height: 39px;
margin: -10px;
width: 300px;
position:absolute;
right: 10px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
z-index: 0;
}
Run Code Online (Sandbox Code Playgroud)
但是是否可以在其中显示图像而不将其作为 div1 中的 div?喜欢使用:after,:before还是其他什么?我只希望 divimage显示在 div1 的右侧并且是 X 宽度。
我在使用来自外部源 (Steam) 的 Web API 时遇到了一个小问题。我需要多次调用 API 并获取其结果,这会极大地减慢速度,导致我的应用程序加载很长时间。
我在我的应用程序中使用 Laravel。我曾考虑缓存结果并向用户显示缓存的(旧)结果,同时在后台获取新结果,这将在下一个页面加载时可见。问题在于我如何提高第一次页面加载的速度,因为我必须以某种方式获取数据。
除此之外,我不知道如何提高我这边的表现。任何建议,将不胜感激!
我正在尝试呈现房间列表,然后获取房间中每个收件人的用户数据,并且由于房间中只能有 2 个用户(您 + 另一个人),因此收件人只是另一个人。
async renderRooms(room, user) {
const recipentId = room.users.filter(id => id != user.id)[0],
recipients = await userService.getOne(recipentId);
console.log(recipients)
return (
<ListGroupItem tag="a" href="#" data-unread="3" action key={room._id} onClick={this.onRoomOpened.bind(this, room._id)}>
<img src={""} />
<div className="details">
<div className="recipient-name"></div>
<div className="last-message">
<MessageCircle className="feather" />
This is an example last message...
</div>
</div>
</ListGroupItem>
);
}
render() {
if(this.props.rooms.length < 1) return <LoadingPage />;
return (
<userContext.Consumer>
{({user}) => {
if(this.state.roomId) return <ActiveRoom id={this.state.roomId} />;
else
return (
<ListGroup className="recipients">
{this.props.rooms.map(room …Run Code Online (Sandbox Code Playgroud) 当我尝试在 CodeIgniter 3 中运行此查询时,出现以下错误:
Expression #1 of SELECT list is not in GROUP BY clause and contains nonaggregated column 'forum.phrases.id' which is not functionally dependent on columns in GROUP BY clause; this is incompatible with sql_mode=only_full_group_by
SELECT `id`, `keyword`, `value`, `language` FROM `phrases` GROUP BY `language`
Run Code Online (Sandbox Code Playgroud)
PHP:
$query = $this->db->select("id, keyword, value, language")
->group_by("language")
->get("phrases")
->result();
Run Code Online (Sandbox Code Playgroud)
我用谷歌搜索了一下,但不太明白答案,主要是因为查询与 CI 无关,而且非常复杂......如何在 codeigniter 中解决这个问题?
我不想更改任何 MySQL 设置。
php ×2
async-await ×1
codeigniter ×1
css ×1
html ×1
javascript ×1
laravel ×1
mysql ×1
reactjs ×1